{"$schema":"https://sh4dcn.vercel.app/json","generated_by":"sh4dcn-v2 sync-data (merged from v1)","generated_at":"2026-07-28T08:59:05.895Z","notice":"Consolidated directory + components + facet indexes, merged from sh4dcn v1. Directory listing only — not the official shadcn/ui library.","library_count":253,"component_count":19366,"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":"7ovr","name":"@7ovr","slug":"7ovr","description":"Free, production-ready UI blocks for marketing pages and application dashboards, built on Base UI and installable with the shadcn CLI.","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.vercel.app/registry/7ovr","markdown":"https://sh4dcn.vercel.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?76dc886f5de252c6","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://7ovr.com/blocks/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://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":234,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/index.json","install_command":"npx shadcn@latest add https://7ovr.com/r/index.json","copy_url":"https://7ovr.com/r/index.json"},{"name":"hero-1","title":null,"description":"A hero section with a headline, subheadline, and primary call-to-action.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-1.json","copy_url":"https://7ovr.com/r/hero-1.json"},{"name":"auth-1","title":null,"description":"A centered sign-in card with email, password, and social login.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-1.json","copy_url":"https://7ovr.com/r/auth-1.json"},{"name":"features-1","title":null,"description":"A feature grid highlighting product capabilities with icons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/features-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-1.json","copy_url":"https://7ovr.com/r/features-1.json"},{"name":"dashboard-1","title":null,"description":"An analytics dashboard with stat cards and a bar chart.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/dashboard-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-1.json","copy_url":"https://7ovr.com/r/dashboard-1.json"},{"name":"app-shell-1","title":null,"description":"An application shell with a sidebar, top bar, and content area.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-1.json","copy_url":"https://7ovr.com/r/app-shell-1.json"},{"name":"header-1","title":null,"description":"A full-width site header with logo, navigation links, a call-to-action, and a mobile menu sheet.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/header-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-1.json","copy_url":"https://7ovr.com/r/header-1.json"},{"name":"footer-1","title":null,"description":"A site footer with link columns, a brand blurb, and social links.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/footer-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-1.json","copy_url":"https://7ovr.com/r/footer-1.json"},{"name":"cta-1","title":null,"description":"A centered call-to-action band with a heading and buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-1.json","copy_url":"https://7ovr.com/r/cta-1.json"},{"name":"integrations-1","title":null,"description":"An integrations grid of connectable services with icons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-1.json","copy_url":"https://7ovr.com/r/integrations-1.json"},{"name":"logo-cloud-1","title":null,"description":"A logo cloud of companies that trust the product.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-1.json","copy_url":"https://7ovr.com/r/logo-cloud-1.json"},{"name":"faqs-1","title":null,"description":"A frequently-asked-questions accordion section.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-1.json","copy_url":"https://7ovr.com/r/faqs-1.json"},{"name":"contact-1","title":null,"description":"A contact section with contact details and a message form.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/contact-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-1.json","copy_url":"https://7ovr.com/r/contact-1.json"},{"name":"pricing-1","title":null,"description":"A pricing section with three tiers and a highlighted plan.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-1.json","copy_url":"https://7ovr.com/r/pricing-1.json"},{"name":"testimonials-1","title":null,"description":"A testimonials section with customer quote cards.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-1.json","copy_url":"https://7ovr.com/r/testimonials-1.json"},{"name":"stats-1","title":null,"description":"A stats band highlighting key product metrics.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/stats-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-1.json","copy_url":"https://7ovr.com/r/stats-1.json"},{"name":"sidebar-1","title":null,"description":"An application layout with a navigable left sidebar.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/sidebar-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-1.json","copy_url":"https://7ovr.com/r/sidebar-1.json"},{"name":"settings-1","title":null,"description":"A settings page with grouped preference rows and toggles.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/settings-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-1.json","copy_url":"https://7ovr.com/r/settings-1.json"},{"name":"table-1","title":null,"description":"A data table with a toolbar, status cells, and pagination.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/table-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-1.json","copy_url":"https://7ovr.com/r/table-1.json"},{"name":"bento-1","title":null,"description":"A bento grid of mixed-size tiles, each with an icon, title, and short description.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/bento-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-1.json","copy_url":"https://7ovr.com/r/bento-1.json"},{"name":"how-it-works-1","title":null,"description":"A three-step 'how it works' row with numbered, iconed steps.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://7ovr.com/r/how-it-works-1.json"},{"name":"newsletter-1","title":null,"description":"A centered newsletter signup with an email field and subscribe button.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/newsletter-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-1.json","copy_url":"https://7ovr.com/r/newsletter-1.json"},{"name":"announcement-1","title":null,"description":"A dismissible top announcement bar with a message and an inline link.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/announcement-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-1.json","copy_url":"https://7ovr.com/r/announcement-1.json"},{"name":"blog-1","title":null,"description":"A three-card blog post grid with cover, title, excerpt, and author.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/blog-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-1.json","copy_url":"https://7ovr.com/r/blog-1.json"},{"name":"team-1","title":null,"description":"A team grid of member cards with avatar, name, role, and socials.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/team-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-1.json","copy_url":"https://7ovr.com/r/team-1.json"},{"name":"comparison-1","title":null,"description":"A three-column plan comparison table with check and cross marks.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/comparison-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-1.json","copy_url":"https://7ovr.com/r/comparison-1.json"},{"name":"gallery-1","title":null,"description":"A responsive image gallery grid of evenly sized tiles.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/gallery-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-1.json","copy_url":"https://7ovr.com/r/gallery-1.json"},{"name":"empty-states-1","title":null,"description":"An inbox-zero empty state for an empty notifications list, with an icon, title, description, and an action.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/empty-states-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-1.json","copy_url":"https://7ovr.com/r/empty-states-1.json"},{"name":"billing-1","title":null,"description":"A current-plan billing summary card with price, renewal, and usage.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-1.json","copy_url":"https://7ovr.com/r/billing-1.json"},{"name":"ai-chat-1","title":null,"description":"An AI assistant chat thread built on the Message, Bubble, and MessageScroller components, with user and assistant bubbles, avatars, timestamps, auto-follow scr…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/ai-chat-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-1.json","copy_url":"https://7ovr.com/r/ai-chat-1.json"},{"name":"onboarding-1","title":null,"description":"A welcome onboarding card with a step indicator and a checklist.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-1.json","copy_url":"https://7ovr.com/r/onboarding-1.json"},{"name":"command-palette-1","title":null,"description":"A command palette card with search and grouped command rows.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/command-palette-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-1.json","copy_url":"https://7ovr.com/r/command-palette-1.json"},{"name":"notifications-1","title":null,"description":"A notifications panel with read/unread rows and timestamps.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/notifications-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-1.json","copy_url":"https://7ovr.com/r/notifications-1.json"},{"name":"kanban-1","title":null,"description":"A three-column kanban board with task cards.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/kanban-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-1.json","copy_url":"https://7ovr.com/r/kanban-1.json"},{"name":"calendar-1","title":null,"description":"A month calendar grid with month navigation, a Today shortcut, selectable days, and a detail panel for the selected day's event.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/calendar-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-1.json","copy_url":"https://7ovr.com/r/calendar-1.json"},{"name":"file-upload-1","title":null,"description":"A file upload card with a drag-and-drop dropzone and an Attachment list that shows each file with a spinner while uploading and a check when done.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/file-upload-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-1.json","copy_url":"https://7ovr.com/r/file-upload-1.json"},{"name":"charts-1","title":null,"description":"An analytics card with a bar chart built on the chart component.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/charts-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-1.json","copy_url":"https://7ovr.com/r/charts-1.json"},{"name":"bento-2","title":null,"description":"A 2x2 equal-tile bento grid with centered heading, where each tile has a square icon, a badge category label, a title, and a one-line description. All four til…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/bento-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-2.json","copy_url":"https://7ovr.com/r/bento-2.json"},{"name":"how-it-works-2","title":null,"description":"A vertical left-rail timeline that stacks four numbered steps down the page, each with a bordered icon circle, a connecting line to the next step, a monospaced…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://7ovr.com/r/how-it-works-2.json"},{"name":"newsletter-2","title":null,"description":"A full-width horizontal band on a bg-muted panel with branding label, heading, and subtext on the left, and an inline email input plus subscribe button with a …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/newsletter-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-2.json","copy_url":"https://7ovr.com/r/newsletter-2.json"},{"name":"announcement-2","title":null,"description":"A centered card-style product-update callout featuring a \"New\" badge with version label, a bold feature headline, a supporting detail sentence, release metadat…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/announcement-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-2.json","copy_url":"https://7ovr.com/r/announcement-2.json"},{"name":"blog-2","title":null,"description":"A minimal blog post list showing five articles as divider-separated rows, each with category badge, date, title, excerpt, author avatar with name, and a ghost …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/blog-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-2.json","copy_url":"https://7ovr.com/r/blog-2.json"},{"name":"team-2","title":null,"description":"A centered single row of five team members, each showing a large avatar with name and role stacked beneath, under a heading and badge. No cards or bios.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/team-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-2.json","copy_url":"https://7ovr.com/r/team-2.json"},{"name":"comparison-2","title":null,"description":"A two-column \"Us vs. Them\" layout with two side-by-side cards. The Acme card lists check rows of product advantages with a primary CTA, while the Others card l…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/comparison-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-2.json","copy_url":"https://7ovr.com/r/comparison-2.json"},{"name":"gallery-2","title":null,"description":"A single large browser-framed product screenshot placeholder with a version badge and descriptive caption, plus a five-thumbnail strip beneath it for secondary…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/gallery-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-2.json","copy_url":"https://7ovr.com/r/gallery-2.json"},{"name":"empty-states-2","title":null,"description":"An empty inbox state centered in a solid-bordered card panel, featuring a muted illustration placeholder with a decorative box grid and inbox icon, a title and…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/empty-states-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-2.json","copy_url":"https://7ovr.com/r/empty-states-2.json"},{"name":"billing-2","title":null,"description":"A billing invoices card displaying a table of past invoices with invoice number, date, amount, a status badge, and a per-row download link.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-2.json","copy_url":"https://7ovr.com/r/billing-2.json"},{"name":"ai-chat-2","title":null,"description":"An AI chat that opens on a suggested-prompt empty state, then switches to a Message and Bubble thread on MessageScroller once a prompt is sent, with a multi-li…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/ai-chat-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-2.json","copy_url":"https://7ovr.com/r/ai-chat-2.json"},{"name":"onboarding-2","title":null,"description":"A three-card horizontal setup grid where each card presents a numbered onboarding step with an icon, title, short description, and a toggleable action button t…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-2.json","copy_url":"https://7ovr.com/r/onboarding-2.json"},{"name":"command-palette-2","title":null,"description":"A command palette panel with a search input, a Recent section showing timestamped file/page rows with hover-reveal arrows, and a Results section of icon-label-…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/command-palette-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-2.json","copy_url":"https://7ovr.com/r/command-palette-2.json"},{"name":"notifications-2","title":null,"description":"A compact notifications dropdown panel showing a bell trigger button with an unread badge, a small header with count, four notification rows each with an avata…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/notifications-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-2.json","copy_url":"https://7ovr.com/r/notifications-2.json"},{"name":"kanban-2","title":null,"description":"A single \"In Progress\" kanban column rendered as a vertical list of rich task cards, each showing a title, two-line description, priority badge with icon, labe…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/kanban-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-2.json","copy_url":"https://7ovr.com/r/kanban-2.json"},{"name":"calendar-2","title":null,"description":"A weekly agenda view showing Mon–Sun with time-slotted event rows, color-coded status borders and dots, and prev/today/next navigation.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/calendar-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-2.json","copy_url":"https://7ovr.com/r/calendar-2.json"},{"name":"file-upload-2","title":null,"description":"A compact inline file-upload form field with a bordered row and a \"Choose file\" label-trigger, plus an Attachment showing the selected file with its name, size…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/file-upload-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-2.json","copy_url":"https://7ovr.com/r/file-upload-2.json"},{"name":"charts-2","title":null,"description":"An analytics card with a gradient-filled area chart showing a monthly active users trend, topped by a three-KPI summary row (total, peak month, peak count) and…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/charts-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-2.json","copy_url":"https://7ovr.com/r/charts-2.json"},{"name":"hero-2","title":null,"description":"A split two-column hero with headline, subheadline, and two CTAs on the left, and a framed product-screenshot placeholder (stat cards, bar chart, table) on the…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-2.json","copy_url":"https://7ovr.com/r/hero-2.json"},{"name":"features-2","title":null,"description":"An alternating left/right features layout with three rows, each pairing a copy block (eyebrow, title, body paragraph, and a four-item bullet list) with a decor…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/features-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-2.json","copy_url":"https://7ovr.com/r/features-2.json"},{"name":"pricing-2","title":null,"description":"A two-tier pricing layout with a side-by-side split panel: a filled Pro tier on the left and a plain Starter tier on the right, each showing a price, feature c…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-2.json","copy_url":"https://7ovr.com/r/pricing-2.json"},{"name":"testimonials-2","title":null,"description":"A single featured testimonial with a large centered quote, oversized avatar, name and role, and a company logo placeholder. No cards or grid, just a focused sp…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-2.json","copy_url":"https://7ovr.com/r/testimonials-2.json"},{"name":"stats-2","title":null,"description":"A minimal four-up stat band with oversized numbers and short labels evenly spaced under a single short heading, with no badges, dividers, or secondary copy.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/stats-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-2.json","copy_url":"https://7ovr.com/r/stats-2.json"},{"name":"logo-cloud-2","title":null,"description":"A four-column grid of brand logos, each cell a muted card showing an icon mark and label, beneath a centered heading and subtext, structured for integration sh…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-2.json","copy_url":"https://7ovr.com/r/logo-cloud-2.json"},{"name":"cta-2","title":null,"description":"A compact bordered card on a bg-muted panel with a heading, single line of subtext, and one full-width primary button, centered and minimal.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-2.json","copy_url":"https://7ovr.com/r/cta-2.json"},{"name":"faqs-2","title":null,"description":"A two-column FAQ layout where each question is a collapsible accordion item, separated by border rules, letting visitors expand answers on demand across two ba…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-2.json","copy_url":"https://7ovr.com/r/faqs-2.json"},{"name":"integrations-2","title":null,"description":"A dense logo grid showing 18 integration services, each as a compact card with only a service icon and name. No descriptions or call-to-action buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-2.json","copy_url":"https://7ovr.com/r/integrations-2.json"},{"name":"contact-2","title":null,"description":"A centered single-card contact form with split first/last name fields, a topic selector, message textarea, and a footer privacy note. No side details column.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/contact-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-2.json","copy_url":"https://7ovr.com/r/contact-2.json"},{"name":"header-2","title":null,"description":"A three-column header with logo pinned left, nav links absolutely centred, and a sign-in link plus primary CTA on the right, above a skeleton page-content plac…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/header-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-2.json","copy_url":"https://7ovr.com/r/header-2.json"},{"name":"footer-2","title":null,"description":"A compact single-tier footer with a brand mark and tagline on the left, an inline row of navigation links in the center, and a copyright notice on the right, a…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/footer-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-2.json","copy_url":"https://7ovr.com/r/footer-2.json"},{"name":"auth-2","title":null,"description":"A two-column split sign-in layout with a branded feature panel on the left and a minimal email + password form on the right. No social login buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-2.json","copy_url":"https://7ovr.com/r/auth-2.json"},{"name":"sidebar-2","title":null,"description":"A flat single-list sidebar nav (icon + label + optional badge count, one active item) beside a task table content area with priority indicators and status badg…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/sidebar-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-2.json","copy_url":"https://7ovr.com/r/sidebar-2.json"},{"name":"settings-2","title":null,"description":"A compact centered Profile card with an avatar upload section, vertical form fields (name, email, job title), a two-factor authentication Switch, and Discard/S…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/settings-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-2.json","copy_url":"https://7ovr.com/r/settings-2.json"},{"name":"dashboard-2","title":null,"description":"A stat-and-activity dashboard featuring four KPI cards with trend badges and a full-width recent-activity feed showing actor avatars, event descriptions, statu…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/dashboard-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-2.json","copy_url":"https://7ovr.com/r/dashboard-2.json"},{"name":"table-2","title":null,"description":"A static invoices data table showing client avatars, project names, payment methods, due dates, status badges, and right-aligned amounts with a footer total ro…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/table-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-2.json","copy_url":"https://7ovr.com/r/table-2.json"},{"name":"app-shell-2","title":null,"description":"A sidebar-free app shell with a sticky top bar (logo, search, avatar dropdown) above a tabbed content area featuring project cards, a task checklist, and an ac…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-2.json","copy_url":"https://7ovr.com/r/app-shell-2.json"},{"name":"hero-3","title":null,"description":"Left-aligned hero with headline, subheadline, two CTAs, and a compact inline stat row showing three key business metrics with icons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-3.json","copy_url":"https://7ovr.com/r/hero-3.json"},{"name":"features-3","title":null,"description":"A dense two-column feature checklist with a short left-aligned heading, where each item shows a filled check square, a bold label, and one short description li…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/features-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-3.json","copy_url":"https://7ovr.com/r/features-3.json"},{"name":"pricing-3","title":null,"description":"A single-plan spotlight card centered on the page, featuring a large price display, a full feature checklist, a primary CTA, and a social-proof footnote, desig…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-3.json","copy_url":"https://7ovr.com/r/pricing-3.json"},{"name":"cta-3","title":null,"description":"Full-width inverted CTA banner on bg-primary with a bold heading, supporting line, and a high-contrast secondary button in a horizontal split layout.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-3.json","copy_url":"https://7ovr.com/r/cta-3.json"},{"name":"faqs-3","title":null,"description":"Two-column FAQ layout with a heading, short support CTA card on the left, and a compact single-column accordion on the right.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-3.json","copy_url":"https://7ovr.com/r/faqs-3.json"},{"name":"dashboard-3","title":null,"description":"A compact KPI strip showing six metric tiles in a flush horizontal grid, each with label, large value, and directional delta, beneath a page title and period b…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/dashboard-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-3.json","copy_url":"https://7ovr.com/r/dashboard-3.json"},{"name":"auth-3","title":null,"description":"A two-panel sign-up card with a plan-overview sidebar and a create-account form featuring first/last name, email, password, a terms checkbox, and a sign-in lin…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-3.json","copy_url":"https://7ovr.com/r/auth-3.json"},{"name":"table-3","title":null,"description":"A static invoice line-items table with a caption showing billed-to details, per-item qty/unit/unit-price/amount columns, and a multi-row footer with subtotal, …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/table-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-3.json","copy_url":"https://7ovr.com/r/table-3.json"},{"name":"hero-4","title":null,"description":"Centered hero over a faint grid and radial glow with eyebrow badge, headline, and inline email capture row","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-4.json","copy_url":"https://7ovr.com/r/hero-4.json"},{"name":"hero-5","title":null,"description":"Centered hero with headline, two CTAs, and a trust strip of five inline-SVG wordmark company logos","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-5.json","copy_url":"https://7ovr.com/r/hero-5.json"},{"name":"logo-cloud-3","title":null,"description":"Infinite auto-scrolling logo marquee with edge fade mask and pause-on-hover for a trusted-by section","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-3.json","copy_url":"https://7ovr.com/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":null,"description":"Bordered grid of ten muted brand logos that colorize on hover, each with a name tooltip","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-4.json","copy_url":"https://7ovr.com/r/logo-cloud-4.json"},{"name":"cta-4","title":null,"description":"Centered CTA band with heading, inline email-capture form, and a no-spam privacy note in a muted card","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-4.json","copy_url":"https://7ovr.com/r/cta-4.json"},{"name":"cta-5","title":null,"description":"Split CTA with eyebrow, heading, dual buttons, and a framed faux app-screenshot card built from divs","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-5.json","copy_url":"https://7ovr.com/r/cta-5.json"},{"name":"faqs-4","title":null,"description":"FAQ accordion with a sticky \"Still have questions?\" contact support card alongside","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-4.json","copy_url":"https://7ovr.com/r/faqs-4.json"},{"name":"faqs-5","title":null,"description":"FAQ with category tabs and a live search input that filters questions across General, Billing and Security","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/faqs-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-5.json","copy_url":"https://7ovr.com/r/faqs-5.json"},{"name":"footer-3","title":null,"description":"Site footer pairing a newsletter signup with grouped nav columns and a social-icon bottom bar","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/footer-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-3.json","copy_url":"https://7ovr.com/r/footer-3.json"},{"name":"footer-4","title":null,"description":"Mega footer with brand column, four sitemap columns, and a bottom bar with locale switcher and theme toggle","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/footer-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-4.json","copy_url":"https://7ovr.com/r/footer-4.json"},{"name":"newsletter-3","title":null,"description":"Newsletter signup Card with idle, loading, success, and error states driven by a client state machine","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/newsletter-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-3.json","copy_url":"https://7ovr.com/r/newsletter-3.json"},{"name":"newsletter-4","title":null,"description":"Multi-step newsletter Card with topic toggles and a double opt-in check-your-inbox confirmation","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/newsletter-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-4.json","copy_url":"https://7ovr.com/r/newsletter-4.json"},{"name":"newsletter-5","title":null,"description":"A social-proof newsletter signup centered around a subscriber avatar stack, a star rating and reader count, a headline, an inline email capture with a success …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/newsletter-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-5.json","copy_url":"https://7ovr.com/r/newsletter-5.json"},{"name":"announcement-3","title":null,"description":"Dismissible single-line top announcement bar that persists dismissal in localStorage, over a page placeholder","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/announcement-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-3.json","copy_url":"https://7ovr.com/r/announcement-3.json"},{"name":"announcement-4","title":null,"description":"Sticky promo bar with a live ticking sale countdown, fire icon, and shop CTA over a faint page mock","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/announcement-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-4.json","copy_url":"https://7ovr.com/r/announcement-4.json"},{"name":"auth-4","title":null,"description":"Split-screen sign-in with email/password fields, remember-me switch, social buttons, and a branded value-prop panel","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-4.json","copy_url":"https://7ovr.com/r/auth-4.json"},{"name":"auth-5","title":null,"description":"Tabbed auth card that swaps sign-in and sign-up fields, with social login buttons and a divider","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-5.json","copy_url":"https://7ovr.com/r/auth-5.json"},{"name":"empty-states-3","title":null,"description":"A 'no results found' search empty state with an icon, helpful guidance, and a clear-filters action, in a bordered card.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/empty-states-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-3.json","copy_url":"https://7ovr.com/r/empty-states-3.json"},{"name":"empty-states-4","title":null,"description":"An error empty state for a failed data load, with a destructive accent and retry and contact-support actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/empty-states-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-4.json","copy_url":"https://7ovr.com/r/empty-states-4.json"},{"name":"integrations-3","title":null,"description":"Searchable integrations directory with category filter pills and a responsive grid of connectable apps","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-3.json","copy_url":"https://7ovr.com/r/integrations-3.json"},{"name":"integrations-4","title":null,"description":"Integration cards grid with per-card Connect/Connected toggle, Switch, badge and live connected count","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-4.json","copy_url":"https://7ovr.com/r/integrations-4.json"},{"name":"features-4","title":null,"description":"Features section with category tabs that swap a 3-column grid of icon, title, and description cards","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/features-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-4.json","copy_url":"https://7ovr.com/r/features-4.json"},{"name":"pricing-4","title":null,"description":"Three-tier pricing section with a monthly/annual segmented toggle and a highlighted most-popular plan","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-4.json","copy_url":"https://7ovr.com/r/pricing-4.json"},{"name":"testimonials-3","title":null,"description":"A masonry wall of seven testimonial quote cards in varied heights with avatars, names, and roles","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-3.json","copy_url":"https://7ovr.com/r/testimonials-3.json"},{"name":"stats-4","title":null,"description":"Four-up metric band whose big numbers count up from zero with delta badges when scrolled into view","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/stats-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-4.json","copy_url":"https://7ovr.com/r/stats-4.json"},{"name":"contact-3","title":null,"description":"Contact section with a message form beside a map placeholder and office location cards","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/contact-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-3.json","copy_url":"https://7ovr.com/r/contact-3.json"},{"name":"header-3","title":null,"description":"Responsive sticky site header with logo, desktop nav, sign-in, a primary CTA, and a useState-toggled mobile menu sheet. Composable into page templates.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/header-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-3.json","copy_url":"https://7ovr.com/r/header-3.json"},{"name":"bento-4","title":null,"description":"Bento grid with a 2x2 hero tile and mixed-size supporting tiles, each with icon, text, and faint div visuals","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/bento-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-4.json","copy_url":"https://7ovr.com/r/bento-4.json"},{"name":"how-it-works-3","title":null,"description":"Interactive horizontal stepper with a progress fill and clickable steps that stacks on mobile","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://7ovr.com/r/how-it-works-3.json"},{"name":"how-it-works-4","title":null,"description":"A how-it-works section with three alternating zig-zag rows, each pairing a numbered step with a title, description, and checklist on one side and a mock UI pre…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://7ovr.com/r/how-it-works-4.json"},{"name":"blog-3","title":null,"description":"Blog index with a featured post, category filter pills, and a filterable 3-column grid of post cards","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/blog-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-3.json","copy_url":"https://7ovr.com/r/blog-3.json"},{"name":"blog-4","title":null,"description":"A blog index as a vertical list of horizontal media cards, each with a thumbnail image, category, read time, title, excerpt, and author. A dense archive or art…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/blog-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-4.json","copy_url":"https://7ovr.com/r/blog-4.json"},{"name":"team-3","title":null,"description":"Responsive grid of eight team member cards that reveal a bio and social links on hover","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/team-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-3.json","copy_url":"https://7ovr.com/r/team-3.json"},{"name":"comparison-3","title":null,"description":"Feature comparison table across 3 plans with grouped sections, check/value cells, sticky header and a highlighted column","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/comparison-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-3.json","copy_url":"https://7ovr.com/r/comparison-3.json"},{"name":"gallery-3","title":null,"description":"Masonry image gallery with CSS columns and varied-ratio placeholder tiles that reveal a caption overlay on hover","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/gallery-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-3.json","copy_url":"https://7ovr.com/r/gallery-3.json"},{"name":"gallery-4","title":null,"description":"A featured mosaic gallery with one large hero tile and a grid of smaller tiles, hover zoom affordance, and a lightbox dialog with caption and location for each…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/gallery-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-4.json","copy_url":"https://7ovr.com/r/gallery-4.json"},{"name":"app-shell-3","title":null,"description":"App shell with a collapsible icon-rail sidebar, search top bar, avatar, and dashboard placeholder cards","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-3.json","copy_url":"https://7ovr.com/r/app-shell-3.json"},{"name":"sidebar-3","title":null,"description":"Collapsible icon-rail sidebar with grouped nav, badges, user footer, and tooltips when collapsed","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/sidebar-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-3.json","copy_url":"https://7ovr.com/r/sidebar-3.json"},{"name":"settings-3","title":null,"description":"Tabbed settings page with Account profile fields and switch, Billing plan and payment card, and a Team members table","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/settings-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-3.json","copy_url":"https://7ovr.com/r/settings-3.json"},{"name":"notifications-3","title":null,"description":"Notification center card with All/Unread/Mentions tabs, read state toggling, and a mark-all-read action","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/notifications-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-3.json","copy_url":"https://7ovr.com/r/notifications-3.json"},{"name":"billing-3","title":null,"description":"Billing page with plan summary, usage bar, payment method card, and invoice history table","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-3.json","copy_url":"https://7ovr.com/r/billing-3.json"},{"name":"billing-4","title":null,"description":"A usage metering dashboard card with progress bars for seats, storage, API requests, and bandwidth, a near-limit highlight, an estimated total, and a manage-pl…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-4.json","copy_url":"https://7ovr.com/r/billing-4.json"},{"name":"ai-chat-3","title":null,"description":"Live AI chat built on Message, Bubble, MessageScroller, and a shimmering Marker typing indicator, with suggestion chips and a textarea composer.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/ai-chat-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-3.json","copy_url":"https://7ovr.com/r/ai-chat-3.json"},{"name":"onboarding-3","title":null,"description":"Multi-step setup wizard card with progress bar, step indicator, per-step fields, toggles, invites and summary","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-3.json","copy_url":"https://7ovr.com/r/onboarding-3.json"},{"name":"onboarding-4","title":null,"description":"A welcome onboarding empty state with a layered icon illustration, a welcome badge, a headline, a primary create-project action, a take-the-tour action, and qu…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-4.json","copy_url":"https://7ovr.com/r/onboarding-4.json"},{"name":"command-palette-3","title":null,"description":"Interactive Cmd+K command palette with fuzzy search, grouped results, arrow-key navigation, and Kbd hints","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/command-palette-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-3.json","copy_url":"https://7ovr.com/r/command-palette-3.json"},{"name":"command-palette-4","title":null,"description":"An inline two-column command palette with a searchable, grouped results list on the left and a live preview pane on the right showing the highlighted item's de…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/command-palette-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-4.json","copy_url":"https://7ovr.com/r/command-palette-4.json"},{"name":"calendar-3","title":null,"description":"Interactive month/week calendar with prev/next navigation, view toggle, event chips, and an inline day panel","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/calendar-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-3.json","copy_url":"https://7ovr.com/r/calendar-3.json"},{"name":"file-upload-3","title":null,"description":"A drag-and-drop file uploader with an Attachment list that reflects uploading, done, and error states, with validation, toasts, and remove actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/file-upload-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-3.json","copy_url":"https://7ovr.com/r/file-upload-3.json"},{"name":"file-upload-4","title":null,"description":"An image gallery uploader with a responsive thumbnail grid, a cover badge on the first image, per-image remove on hover, an upload tile, and an image count. Fo…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/file-upload-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-4.json","copy_url":"https://7ovr.com/r/file-upload-4.json"},{"name":"charts-3","title":null,"description":"Analytics area chart card with legend, hover tooltip, and a 7d/30d/90d range select that swaps the dataset","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/charts-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-3.json","copy_url":"https://7ovr.com/r/charts-3.json"},{"name":"error-1","title":null,"description":"A centered 404 page with a heading, message, and home and back actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-1.json","copy_url":"https://7ovr.com/r/error-1.json"},{"name":"cookie-consent-1","title":null,"description":"A dismissible bottom cookie-consent bar with accept and decline actions and a policy link.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cookie-consent-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-1.json","copy_url":"https://7ovr.com/r/cookie-consent-1.json"},{"name":"page-header-1","title":null,"description":"An application page header with a title, description, and action buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-1.json","copy_url":"https://7ovr.com/r/page-header-1.json"},{"name":"coming-soon-1","title":null,"description":"A centered coming-soon page with a waitlist email capture and social links.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/coming-soon-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-1.json","copy_url":"https://7ovr.com/r/coming-soon-1.json"},{"name":"error-2","title":null,"description":"A 404 page with a search box and a list of popular pages to recover from.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-2.json","copy_url":"https://7ovr.com/r/error-2.json"},{"name":"error-3","title":null,"description":"A 500 error page with retry and contact-support actions and a reference code.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-3.json","copy_url":"https://7ovr.com/r/error-3.json"},{"name":"cookie-consent-2","title":null,"description":"A dismissible bottom-left cookie-consent card with accept, reject, and preferences.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cookie-consent-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-2.json","copy_url":"https://7ovr.com/r/cookie-consent-2.json"},{"name":"cookie-consent-3","title":null,"description":"A cookie preferences card with toggle switches for each cookie category.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cookie-consent-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-3.json","copy_url":"https://7ovr.com/r/cookie-consent-3.json"},{"name":"cookie-consent-4","title":null,"description":"A centered, blocking cookie-consent dialog over a dimmed page, with an icon, heading, policy link, and accept, reject, and manage actions. A modal consent gate.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cookie-consent-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-4.json","copy_url":"https://7ovr.com/r/cookie-consent-4.json"},{"name":"page-header-2","title":null,"description":"An application page header with breadcrumbs, a status badge, and action buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-2.json","copy_url":"https://7ovr.com/r/page-header-2.json"},{"name":"page-header-3","title":null,"description":"An application page header with a title, description, tabs, and a primary action.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-3.json","copy_url":"https://7ovr.com/r/page-header-3.json"},{"name":"page-header-4","title":null,"description":"A detail-view page header with a back link, title and status badge, a metadata row showing the owner avatar, created date, and a contributor avatar stack, and …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-4.json","copy_url":"https://7ovr.com/r/page-header-4.json"},{"name":"coming-soon-2","title":null,"description":"A split coming-soon page with a waitlist form and a framed product preview.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/coming-soon-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-2.json","copy_url":"https://7ovr.com/r/coming-soon-2.json"},{"name":"coming-soon-3","title":null,"description":"A coming-soon page with a live countdown timer and an email signup.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/coming-soon-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-3.json","copy_url":"https://7ovr.com/r/coming-soon-3.json"},{"name":"coming-soon-4","title":null,"description":"A full-bleed coming-soon hero with a subtle gradient and grid backdrop, a brand mark, a launch badge, a headline, a single-line email capture with a success st…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/coming-soon-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-4.json","copy_url":"https://7ovr.com/r/coming-soon-4.json"},{"name":"stats-3","title":null,"description":"A stats section with metric cards showing values and up or down deltas.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/stats-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-3.json","copy_url":"https://7ovr.com/r/stats-3.json"},{"name":"bento-3","title":null,"description":"An asymmetric bento grid with one large feature tile and supporting tiles.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/bento-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-3.json","copy_url":"https://7ovr.com/r/bento-3.json"},{"name":"timeline-1","title":null,"description":"A vertical left-rail milestone timeline. Each entry has a bordered icon node connected by a line, a monospaced date, a status badge (Shipped, In Progress, Plan…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/timeline-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-1.json","copy_url":"https://7ovr.com/r/timeline-1.json"},{"name":"timeline-2","title":null,"description":"A centered, two-sided timeline that alternates entries left and right of a vertical spine on desktop and collapses to a single left rail on mobile. Each entry …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/timeline-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-2.json","copy_url":"https://7ovr.com/r/timeline-2.json"},{"name":"timeline-3","title":null,"description":"An activity timeline grouped by day, with rows of grayscale avatar, actor, action, and relative timestamp connected by a vertical rail, plus a small status ico…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/timeline-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-3.json","copy_url":"https://7ovr.com/r/timeline-3.json"},{"name":"changelog-1","title":null,"description":"A version-grouped changelog with a date and version rail on the left and Added, Improved, and Fixed change groups on the right, each with a type badge and a bu…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/changelog-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-1.json","copy_url":"https://7ovr.com/r/changelog-1.json"},{"name":"changelog-2","title":null,"description":"A tabbed changelog that filters release entries by type (All, Added, Improved, Fixed). Each entry shows a version, date, type badge, title, and description. An…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/changelog-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-2.json","copy_url":"https://7ovr.com/r/changelog-2.json"},{"name":"changelog-3","title":null,"description":"A compact in-app 'What's New' card with a version pill, release date, and a few highlighted changes, each with a type icon and badge, plus a link to the full c…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/changelog-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-3.json","copy_url":"https://7ovr.com/r/changelog-3.json"},{"name":"changelog-4","title":null,"description":"A changelog as a vertical timeline with a connected dot rail, each release showing a version badge, date, title, and a list of color-coded added, improved, and…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/changelog-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-4.json","copy_url":"https://7ovr.com/r/changelog-4.json"},{"name":"roadmap-1","title":null,"description":"A three-column product roadmap board grouped by status (Planned, In Progress, Shipped). Cards carry a category badge, title, and description, plus per-status m…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/roadmap-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-1.json","copy_url":"https://7ovr.com/r/roadmap-1.json"},{"name":"roadmap-2","title":null,"description":"A Now, Next, and Later roadmap with colored phase markers and a target month per phase. In-development items show a progress bar with contributor avatars while…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/roadmap-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-2.json","copy_url":"https://7ovr.com/r/roadmap-2.json"},{"name":"roadmap-3","title":null,"description":"An interactive public roadmap card where visitors upvote feature requests. Each row has a vote button with a live count, a title, status and category badges, a…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/roadmap-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-3.json","copy_url":"https://7ovr.com/r/roadmap-3.json"},{"name":"roadmap-4","title":null,"description":"A product roadmap laid out as four quarterly columns, each listing feature cards with a category, a color-coded status icon, and a shipped, in-progress, or pla…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/roadmap-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-4.json","copy_url":"https://7ovr.com/r/roadmap-4.json"},{"name":"article-1","title":null,"description":"A centered long-form article layout with a category badge, headline, deck, author byline with avatar and read time, a cover image, prose body with headings, a …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/article-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-1.json","copy_url":"https://7ovr.com/r/article-1.json"},{"name":"article-2","title":null,"description":"A long-form article with a sticky table-of-contents sidebar that highlights the active section as you scroll (scroll-spy). Collapses to a single column on mobi…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/article-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-2.json","copy_url":"https://7ovr.com/r/article-2.json"},{"name":"article-3","title":null,"description":"A documentation article layout with a breadcrumb, title, last-updated meta, prose body with a code block, and previous/next pagination cards in the footer. A d…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/article-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-3.json","copy_url":"https://7ovr.com/r/article-3.json"},{"name":"article-4","title":null,"description":"A wide magazine feature layout with a centered headline and deck, a byline row, a full-bleed cover image, and a drop-cap prose body with a pull quote. An edito…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/article-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-4.json","copy_url":"https://7ovr.com/r/article-4.json"},{"name":"profile-1","title":null,"description":"A public profile page with a cover image, overlapping avatar, name and handle, bio, follower stats, a Follow toggle and Message action, and tabs for posts and …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/profile-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-1.json","copy_url":"https://7ovr.com/r/profile-1.json"},{"name":"profile-2","title":null,"description":"A compact, centered profile card with avatar, name, role, location, a three-column stat strip, and Follow and Message actions. A self-contained profile widget …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/profile-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-2.json","copy_url":"https://7ovr.com/r/profile-2.json"},{"name":"profile-3","title":null,"description":"An organization profile card with a logo mark, verified company name, description, a stat strip, a member avatar stack, and website and contact links. For comp…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/profile-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-3.json","copy_url":"https://7ovr.com/r/profile-3.json"},{"name":"steps-1","title":null,"description":"A horizontal progress stepper with numbered nodes, connectors, and labels, showing completed (check), current, and upcoming states. For checkout, onboarding, o…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/steps-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-1.json","copy_url":"https://7ovr.com/r/steps-1.json"},{"name":"steps-2","title":null,"description":"A vertical stepper with numbered or checked nodes on a connecting rail, each step showing a title and description across completed, current, and upcoming state…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/steps-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-2.json","copy_url":"https://7ovr.com/r/steps-2.json"},{"name":"steps-3","title":null,"description":"A progress-bar step indicator showing the current step number, a percentage, a progress bar, the active step's title and description, and back and continue con…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/steps-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-3.json","copy_url":"https://7ovr.com/r/steps-3.json"},{"name":"activity-1","title":null,"description":"A standalone Recent Activity card with avatar rows, each showing the actor, action, target, and relative time. A workspace activity feed for dashboards and pro…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/activity-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-1.json","copy_url":"https://7ovr.com/r/activity-1.json"},{"name":"activity-2","title":null,"description":"An activity feed grouped by day with Today and Yesterday headers, each listing avatar rows with the actor, action, target, and time. For audit trails and team …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/activity-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-2.json","copy_url":"https://7ovr.com/r/activity-2.json"},{"name":"activity-3","title":null,"description":"An audit log feed with action-type icon tiles, a two-line event title and detail, a type tag, and a timestamp. For system, security, and audit activity without…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/activity-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-3.json","copy_url":"https://7ovr.com/r/activity-3.json"},{"name":"activity-4","title":null,"description":"An activity panel with All, Mentions, and Comments tabs, an unread count, and rows showing the actor avatar with a type icon, the action, target, timestamp, an…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/activity-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-4.json","copy_url":"https://7ovr.com/r/activity-4.json"},{"name":"search-1","title":null,"description":"A faceted search panel in a bordered card: a search field header, a left sidebar of type filters with counts that interactively narrow the results, and a resul…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/search-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-1.json","copy_url":"https://7ovr.com/r/search-1.json"},{"name":"search-2","title":null,"description":"A clean search results page with a search field, a result count, and bordered result cards showing title, type badge, snippet, and last-updated date. For site,…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/search-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-2.json","copy_url":"https://7ovr.com/r/search-2.json"},{"name":"search-3","title":null,"description":"A command-style search panel with a query field and results grouped into Pages, People, and Files, each row with an icon or avatar and meta, plus keyboard hint…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/search-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-3.json","copy_url":"https://7ovr.com/r/search-3.json"},{"name":"careers-1","title":null,"description":"An open-positions list grouping roles by department, each row showing the title, location, and employment type with an Apply call to action. A clean jobs board…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/careers-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-1.json","copy_url":"https://7ovr.com/r/careers-1.json"},{"name":"careers-2","title":null,"description":"A single job posting detail page with the role title, meta chips for department, location, and type, an About section, responsibilities and requirements lists,…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/careers-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-2.json","copy_url":"https://7ovr.com/r/careers-2.json"},{"name":"careers-3","title":null,"description":"A careers culture page with a headline intro, a photo strip, a three-up values grid, a perks and benefits row, and a call to action. Sells the team and life at…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/careers-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-3.json","copy_url":"https://7ovr.com/r/careers-3.json"},{"name":"about-1","title":null,"description":"A centered about-us intro with an eyebrow badge, a bold mission statement, a supporting paragraph, and a four-metric stats strip for founded year, customers, c…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/about-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-1.json","copy_url":"https://7ovr.com/r/about-1.json"},{"name":"about-2","title":null,"description":"A two-column story section pairing a grayscale team photo with a company narrative and a three-metric stats row. A founder-story layout for an about page.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/about-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-2.json","copy_url":"https://7ovr.com/r/about-2.json"},{"name":"status-1","title":null,"description":"A system status overview with an all-systems-operational banner and a list of services, each showing its 90-day uptime and a colored status indicator. A status…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/status-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-1.json","copy_url":"https://7ovr.com/r/status-1.json"},{"name":"status-2","title":null,"description":"An incident history feed grouping past incidents by date, each with an impact badge and a timeline of color-coded status updates from investigating to resolved.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/status-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-2.json","copy_url":"https://7ovr.com/r/status-2.json"},{"name":"status-3","title":null,"description":"A 90-day uptime monitor showing per-service daily status bars colored by health, with uptime percentages and a status legend. The classic status-page history v…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/status-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-3.json","copy_url":"https://7ovr.com/r/status-3.json"},{"name":"chat-1","title":null,"description":"A one-to-one chat conversation built on the Message, Bubble, Marker, and MessageScroller components, with a contact header, sender-aligned bubbles, a dated sep…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/chat-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-1.json","copy_url":"https://7ovr.com/r/chat-1.json"},{"name":"chat-2","title":null,"description":"A two-pane messenger with a selectable conversation list and an active thread built on Message, Bubble, and MessageScroller, each conversation keeping its own …","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/chat-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-2.json","copy_url":"https://7ovr.com/r/chat-2.json"},{"name":"chat-3","title":null,"description":"A live support chat widget built on Message, Bubble, Marker, and MessageScroller, with an agent header, a system marker, quick-reply chips, and a working compo…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/chat-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-3.json","copy_url":"https://7ovr.com/r/chat-3.json"},{"name":"chat-4","title":null,"description":"A group chat panel with a member avatar stack header, messages from multiple named senders with per-sender avatars, an online indicator, and a message composer…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/chat-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-4.json","copy_url":"https://7ovr.com/r/chat-4.json"},{"name":"testimonials-4","title":null,"description":"A responsive grid of review cards, each with a five-star rating row, a quote, and a grayscale avatar with name, role, and company. A social-proof wall with exp…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-4.json","copy_url":"https://7ovr.com/r/testimonials-4.json"},{"name":"stats-5","title":null,"description":"A full-width inverted stats band on a primary-color panel with a heading and four large metric figures. A high-contrast 'by the numbers' section.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/stats-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-5.json","copy_url":"https://7ovr.com/r/stats-5.json"},{"name":"about-3","title":null,"description":"A values and principles grid with a left-aligned heading and a bordered grid of icon, title, and description cards. A static company-values section.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/about-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-3.json","copy_url":"https://7ovr.com/r/about-3.json"},{"name":"about-4","title":null,"description":"A mission, vision, and values section as three editorial columns, each with an icon, an eyebrow label, a heading, and a short paragraph.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/about-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-4.json","copy_url":"https://7ovr.com/r/about-4.json"},{"name":"features-5","title":null,"description":"A single-feature spotlight: a two-column layout pairing a headline, copy, and a four-item checklist with a static settings-panel mock built from divs.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/features-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-5.json","copy_url":"https://7ovr.com/r/features-5.json"},{"name":"hero-6","title":null,"description":"A centered hero with a clickable announcement pill, headline, subheadline, dual CTAs, and social proof: an overlapping avatar stack, a five-star row, and a tru…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/hero-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-6.json","copy_url":"https://7ovr.com/r/hero-6.json"},{"name":"pricing-5","title":null,"description":"A static feature-comparison matrix: plans as columns with grouped feature rows, check and dash cells, a highlighted recommended column, and a CTA row.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-5.json","copy_url":"https://7ovr.com/r/pricing-5.json"},{"name":"comparison-4","title":null,"description":"A named-competitor comparison table with your product highlighted against three rivals, grouped feature rows, and check, cross, or value cells.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/comparison-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-4.json","copy_url":"https://7ovr.com/r/comparison-4.json"},{"name":"dashboard-4","title":null,"description":"An overview dashboard: a four-metric KPI row with deltas above a static recent-orders table with customer avatars, status badges, and amounts.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/dashboard-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-4.json","copy_url":"https://7ovr.com/r/dashboard-4.json"},{"name":"charts-4","title":null,"description":"A single-series line chart card with a grid, axis, and hover tooltip showing monthly visitor trends.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/charts-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-4.json","copy_url":"https://7ovr.com/r/charts-4.json"},{"name":"charts-5","title":null,"description":"A donut chart card with a centered total and a ranked legend list, breaking down traffic by source.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/charts-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-5.json","copy_url":"https://7ovr.com/r/charts-5.json"},{"name":"auth-6","title":null,"description":"A centered forgot-password card with an email field that switches to a check-your-inbox confirmation state, plus a back-to-sign-in link.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-6.json","copy_url":"https://7ovr.com/r/auth-6.json"},{"name":"auth-7","title":null,"description":"A set-new-password card with new and confirm fields, live requirement hints (length, uppercase, number, match), and a success state.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-7.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-7.json","copy_url":"https://7ovr.com/r/auth-7.json"},{"name":"auth-8","title":null,"description":"A centered sign-up card with name, email, and password fields, a terms checkbox, and Google and GitHub social sign-up buttons.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/auth-8.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-8.json","copy_url":"https://7ovr.com/r/auth-8.json"},{"name":"search-4","title":null,"description":"A search input with an autocomplete dropdown of recent searches and keyboard-navigable suggestions, with an empty state and a slash-to-focus hint.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/search-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-4.json","copy_url":"https://7ovr.com/r/search-4.json"},{"name":"kanban-3","title":null,"description":"A four-column project board (To Do, In Progress, Review, Done) with per-column counts and drag-and-drop to reorder cards and move them between columns.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/kanban-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-3.json","copy_url":"https://7ovr.com/r/kanban-3.json"},{"name":"kanban-4","title":null,"description":"A personal my-tasks board with Today, This Week, and Later lanes of compact task rows that drag-and-drop to reprioritize across lanes.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/kanban-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-4.json","copy_url":"https://7ovr.com/r/kanban-4.json"},{"name":"error-4","title":null,"description":"A 403 access-denied page with a lock icon, an explanation, and back-to-dashboard and request-access actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-4.json","copy_url":"https://7ovr.com/r/error-4.json"},{"name":"error-5","title":null,"description":"A maintenance-mode page with a tools icon, a friendly message, an estimated return time, and a status-page link.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-5.json","copy_url":"https://7ovr.com/r/error-5.json"},{"name":"error-6","title":null,"description":"A 404 page led by an oversized numeral, with a headline, a short message, and go-home and go-back actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/error-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-6.json","copy_url":"https://7ovr.com/r/error-6.json"},{"name":"page-header-5","title":null,"description":"A list-view page header with a title, a primary action, and a toolbar row of search, status and sort selects, and a list/grid view toggle.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-5.json","copy_url":"https://7ovr.com/r/page-header-5.json"},{"name":"page-header-6","title":null,"description":"An overview page header with a title, export and settings actions, and an inline four-metric stats strip.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/page-header-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-6.json","copy_url":"https://7ovr.com/r/page-header-6.json"},{"name":"changelog-5","title":null,"description":"A changelog page with a sticky version-jump sidebar beside long-form release entries grouped into Added, Improved, and Fixed changes.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/changelog-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-5.json","copy_url":"https://7ovr.com/r/changelog-5.json"},{"name":"blog-5","title":null,"description":"A blog index with a post list beside a sticky sidebar of search, categories with counts, popular posts, and a tag cloud.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/blog-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-5.json","copy_url":"https://7ovr.com/r/blog-5.json"},{"name":"article-5","title":null,"description":"A long-form article with a sticky content sidebar holding an author bio card, related posts, and an inline newsletter signup.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/article-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-5.json","copy_url":"https://7ovr.com/r/article-5.json"},{"name":"coming-soon-5","title":null,"description":"A coming-soon screen with a launch-progress bar and milestone labels above a waitlist email capture with a success state.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/coming-soon-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-5.json","copy_url":"https://7ovr.com/r/coming-soon-5.json"},{"name":"cookie-consent-5","title":null,"description":"A cookie banner with accept and reject actions and a Customize control that expands per-category consent switches inline.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cookie-consent-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-5.json","copy_url":"https://7ovr.com/r/cookie-consent-5.json"},{"name":"careers-4","title":null,"description":"A filterable jobs board with a search field, department filter pills, a live result count, and a list of open roles with location and type.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/careers-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-4.json","copy_url":"https://7ovr.com/r/careers-4.json"},{"name":"cta-6","title":null,"description":"An app-download call to action with App Store and Google Play buttons and a static QR-code placeholder on a bordered panel.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/cta-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-6.json","copy_url":"https://7ovr.com/r/cta-6.json"},{"name":"header-4","title":null,"description":"A site header with a Product navigation menu of links, inline nav, sign-in and CTA buttons, and a mobile sheet menu.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/header-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-4.json","copy_url":"https://7ovr.com/r/header-4.json"},{"name":"footer-5","title":null,"description":"A 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","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/footer-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-5.json","copy_url":"https://7ovr.com/r/footer-5.json"},{"name":"onboarding-5","title":null,"description":"An invite-your-team onboarding step with add/remove email rows, a per-invite role select, and skip and send actions.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-5.json","copy_url":"https://7ovr.com/r/onboarding-5.json"},{"name":"onboarding-6","title":null,"description":"A dismissible getting-started widget with a progress bar and a checklist of setup steps marked complete or pending.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/onboarding-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-6.json","copy_url":"https://7ovr.com/r/onboarding-6.json"},{"name":"billing-5","title":null,"description":"A payment-methods manager listing saved cards with a default badge, set-default and remove actions, and an add-card dialog.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-5.json","copy_url":"https://7ovr.com/r/billing-5.json"},{"name":"billing-6","title":null,"description":"An add-payment-method form card with name, card number, expiry, CVC, a country select, and a set-as-default switch.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/billing-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-6.json","copy_url":"https://7ovr.com/r/billing-6.json"},{"name":"empty-states-5","title":null,"description":"A first-run empty state prompting the user to create their first project, with primary and import actions and a tips row.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/empty-states-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-5.json","copy_url":"https://7ovr.com/r/empty-states-5.json"},{"name":"notifications-4","title":null,"description":"A notification-preferences panel with a row per activity type and email and push toggle switches for each.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/notifications-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-4.json","copy_url":"https://7ovr.com/r/notifications-4.json"},{"name":"notifications-5","title":null,"description":"A stack of dismissible inline notification toasts in success, info, warning, and error variants with an all-caught-up empty state.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/notifications-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-5.json","copy_url":"https://7ovr.com/r/notifications-5.json"},{"name":"integrations-5","title":null,"description":"A split integrations section pairing a headline, description, and CTA with a bordered grid of integration logos.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-5.json","copy_url":"https://7ovr.com/r/integrations-5.json"},{"name":"logo-cloud-5","title":null,"description":"A minimal single-row trust strip with a label above a centered row of brand wordmarks that highlight on hover.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-5.json","copy_url":"https://7ovr.com/r/logo-cloud-5.json"},{"name":"settings-4","title":null,"description":"A settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's cards.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/settings-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-4.json","copy_url":"https://7ovr.com/r/settings-4.json"},{"name":"file-upload-5","title":null,"description":"An avatar uploader with a circular preview and change and remove actions, showing the selected image with a format hint.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/file-upload-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-5.json","copy_url":"https://7ovr.com/r/file-upload-5.json"},{"name":"saas-landing","title":null,"description":"A complete SaaS marketing homepage assembled from free blocks: hero, social proof, features, stats, testimonials, pricing, FAQ, and a closing CTA.","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/saas-landing.json","install_command":"npx shadcn@latest add https://7ovr.com/r/saas-landing.json","copy_url":"https://7ovr.com/r/saas-landing.json"},{"name":"startup","title":null,"description":"A lean, conversion-focused landing page for early-stage startups and product waitlists: a centered hero with inline email capture, key stats, an icon feature g…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/startup.json","install_command":"npx shadcn@latest add https://7ovr.com/r/startup.json","copy_url":"https://7ovr.com/r/startup.json"},{"name":"dashboard","title":null,"description":"A logged-in app starter: a collapsible sidebar and a command-palette top bar wrapping a dashboard of stat cards, an interactive area chart, and a sortable, pag…","type":"registry:block","tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://7ovr.com/r/dashboard.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard.json","copy_url":"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.vercel.app/registry/8bitcn","markdown":"https://sh4dcn.vercel.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://8bitcn.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1936,"open_issues":16,"last_commit":"2026-07-05T12:08:26Z"},"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","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"],"source_url":"https://www.8bitcn.com/r/chapter-intro.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chapter-intro.json","copy_url":"https://www.8bitcn.com/r/chapter-intro.json"},{"name":"button","title":"8-bit Button","description":"A simple 8-bit button component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/button.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/button.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/button-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/button-group.json","copy_url":"https://www.8bitcn.com/r/button-group.json"},{"name":"input","title":"8-bit Input","description":"A simple 8-bit input component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/input.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/input.json","copy_url":"https://www.8bitcn.com/r/input.json"},{"name":"toast","title":"8-bit Toast","description":"A simple 8-bit toast component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/toast.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toast.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/input-otp.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/input-otp.json","copy_url":"https://www.8bitcn.com/r/input-otp.json"},{"name":"badge","title":"8-bit Badge","description":"A simple 8-bit badge component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/badge.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/badge.json","copy_url":"https://www.8bitcn.com/r/badge.json"},{"name":"textarea","title":"8-bit Textarea","description":"A simple 8-bit textarea component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/textarea.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/textarea.json","copy_url":"https://www.8bitcn.com/r/textarea.json"},{"name":"calendar","title":"8-bit Calendar","description":"A simple 8-bit calendar component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/calendar.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/date-picker.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/date-picker.json","copy_url":"https://www.8bitcn.com/r/date-picker.json"},{"name":"card","title":"8-bit Card","description":"A simple 8-bit card component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/card.json","copy_url":"https://www.8bitcn.com/r/card.json"},{"name":"carousel","title":"8-bit Card","description":"A simple 8-bit carousel component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/carousel.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/carousel.json","copy_url":"https://www.8bitcn.com/r/carousel.json"},{"name":"dialog","title":"8-bit Dialog","description":"A simple 8-bit dialog component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dialog.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dropdown-menu.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/hover-card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hover-card.json","copy_url":"https://www.8bitcn.com/r/hover-card.json"},{"name":"popover","title":"8-bit Popover","description":"A simple 8-bit popover component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/popover.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/popover.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/resizable.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/resizable.json","copy_url":"https://www.8bitcn.com/r/resizable.json"},{"name":"select","title":"8-bit Select","description":"A simple 8-bit select component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/select.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/select.json","copy_url":"https://www.8bitcn.com/r/select.json"},{"name":"sheet","title":"8-bit sheet","description":"A simple 8-bit sheet component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/sheet.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/sheet.json","copy_url":"https://www.8bitcn.com/r/sheet.json"},{"name":"label","title":"8-bit Label","description":"A simple 8-bit label component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/label.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/label.json","copy_url":"https://www.8bitcn.com/r/label.json"},{"name":"checkbox","title":"8-bit Checkbox","description":"A simple 8-bit checkbox component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/checkbox.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/checkbox.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/scroll-area.json","copy_url":"https://www.8bitcn.com/r/scroll-area.json"},{"name":"switch","title":"8-bit Switch","description":"A simple 8-bit switch component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/switch.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/switch.json","copy_url":"https://www.8bitcn.com/r/switch.json"},{"name":"alert","title":"8-bit Alert","description":"A simple 8-bit switch component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/alert.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/alert.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/alert-dialog.json","copy_url":"https://www.8bitcn.com/r/alert-dialog.json"},{"name":"tooltip","title":"8-bit Tooltip","description":"A simple 8-bit tooltip component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/tooltip.json","copy_url":"https://www.8bitcn.com/r/tooltip.json"},{"name":"avatar","title":"8-bit Avatar","description":"A simple 8-bit avatar component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/avatar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/avatar.json","copy_url":"https://www.8bitcn.com/r/avatar.json"},{"name":"skeleton","title":"8-bit Skeleton","description":"A simple 8-bit skeleton component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/skeleton.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/skeleton.json","copy_url":"https://www.8bitcn.com/r/skeleton.json"},{"name":"breadcrumb","title":"8-bit Breadcrumb","description":"A simple 8-bit breadcrumb component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/breadcrumb.json","copy_url":"https://www.8bitcn.com/r/breadcrumb.json"},{"name":"collapsible","title":"8-bit Collapsible","description":"A simple 8-bit collapsible component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/collapsible.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/collapsible.json","copy_url":"https://www.8bitcn.com/r/collapsible.json"},{"name":"progress","title":"8-bit Progress","description":"A simple 8-bit progress component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/progress.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/progress.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/health-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/health-bar.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/mana-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/mana-bar.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/xp-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/xp-bar.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-progress.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-progress.json","copy_url":"https://www.8bitcn.com/r/game-progress.json"},{"name":"dialogue","title":"8-bit Dialogue","description":"A simple 8-bit dialogue component","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/dialogue.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dialogue.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/profile-card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/profile-card.json","copy_url":"https://www.8bitcn.com/r/profile-card.json"},{"name":"slider","title":"8-bit Slider","description":"A simple 8-bit slider component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/slider.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/slider.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/context-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/context-menu.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/menubar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/menubar.json","copy_url":"https://www.8bitcn.com/r/menubar.json"},{"name":"toggle","title":"8-bit Toggle","description":"A simple 8-bit toggle component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/toggle.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toggle.json","copy_url":"https://www.8bitcn.com/r/toggle.json"},{"name":"table","title":"8-bit Table","description":"A simple 8-bit table component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/table.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/table.json","copy_url":"https://www.8bitcn.com/r/table.json"},{"name":"tabs","title":"8-bit Tabs","description":"A simple 8-bit tabs component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/tabs.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/combo-box.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/combo-box.json","copy_url":"https://www.8bitcn.com/r/combo-box.json"},{"name":"command","title":"8-bit Command","description":"A simple 8-bit command component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/command.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/command.json","copy_url":"https://www.8bitcn.com/r/command.json"},{"name":"separator","title":"8-bit Separator","description":"A simple 8-bit separator component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/separator.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/separator.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/radio-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/radio-group.json","copy_url":"https://www.8bitcn.com/r/radio-group.json"},{"name":"pagination","title":"8-bit Pagination","description":"A simple 8-bit pagination component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/pagination.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pagination.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/friend-list.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/friend-list.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/login-form.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-form.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/login-page.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-page.json","copy_url":"https://www.8bitcn.com/r/login-page.json"},{"name":"chart","title":"8-bit Chart","description":"A simple 8-bit chart component","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/chart.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chart.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/chart-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chart-bar.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/main-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/main-menu.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/pause-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pause-menu.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-over.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-over.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/audio-settings.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/audio-settings.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toggle-group.json","copy_url":"https://www.8bitcn.com/r/toggle-group.json"},{"name":"sidebar","title":"8-bit Sidebar","description":"A simple 8-bit sidebar component","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/sidebar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/sidebar.json","copy_url":"https://www.8bitcn.com/r/sidebar.json"},{"name":"accordion","title":"8-bit Accordion","description":"A simple 8-bit accordion component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/accordion.json","copy_url":"https://www.8bitcn.com/r/accordion.json"},{"name":"drawer","title":"8-bit Drawer","description":"A simple 8-bit drawer component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/drawer.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/drawer.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/navigation-menu.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/difficulty-select.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/difficulty-select.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/leaderboard.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/leaderboard.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/quest-log.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/quest-log.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/save-slots.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/save-slots.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/dashboard-01.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dashboard-01.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/theme-selector.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/theme-selector.json","copy_url":"https://www.8bitcn.com/r/theme-selector.json"},{"name":"spinner","title":"8-bit Spinner","description":"Displays an 8-bit spinner component.","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/spinner.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/spinner.json","copy_url":"https://www.8bitcn.com/r/spinner.json"},{"name":"kbd","title":"8-bit Kbd","description":"A simple 8-bit kbd component","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/kbd.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/kbd.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/empty.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/empty.json","copy_url":"https://www.8bitcn.com/r/empty.json"},{"name":"item","title":"8-bit Item","description":"Displays an 8-bit item component.","type":"registry:component","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"],"source_url":"https://www.8bitcn.com/r/item.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/item.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/character-sheet.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/character-sheet.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/victory-screen.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/victory-screen.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/loading-screen.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/loading-screen.json","copy_url":"https://www.8bitcn.com/r/loading-screen.json"},{"name":"hero1","title":"8-bit Hero 1","description":"Centered hero section","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/hero1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero1.json","copy_url":"https://www.8bitcn.com/r/hero1.json"},{"name":"hero2","title":"8-bit Hero 2","description":"Split-layout hero section","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/hero2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/feature1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/hero3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero3.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/feature2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/feature3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature3.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/pricing1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pricing1.json","copy_url":"https://www.8bitcn.com/r/pricing1.json"},{"name":"pricing2","title":"8-bit Pricing 2","description":"Pricing cards with monthly/yearly toggle.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/pricing2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pricing2.json","copy_url":"https://www.8bitcn.com/r/pricing2.json"},{"name":"faq1","title":"8-bit FAQ1","description":"Simple accordion FAQ.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/faq1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq1.json","copy_url":"https://www.8bitcn.com/r/faq1.json"},{"name":"faq2","title":"8-bit FAQ2","description":"Two-column card grid FAQ.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/faq2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq2.json","copy_url":"https://www.8bitcn.com/r/faq2.json"},{"name":"faq3","title":"8-bit FAQ3","description":"Searchable FAQ with categories.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/faq3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq3.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/social-proof1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/social-proof2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/social-proof3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof3.json","copy_url":"https://www.8bitcn.com/r/social-proof3.json"},{"name":"timeline1","title":"8-bit Timeline 1","description":"Vertical timeline with connecting line.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/timeline1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline1.json","copy_url":"https://www.8bitcn.com/r/timeline1.json"},{"name":"timeline2","title":"8-bit Timeline 2","description":"Horizontal progress steps with checkpoints.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/timeline2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline2.json","copy_url":"https://www.8bitcn.com/r/timeline2.json"},{"name":"timeline3","title":"8-bit Timeline 3","description":"Zigzag roadmap with alternating cards.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/timeline3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline3.json","copy_url":"https://www.8bitcn.com/r/timeline3.json"},{"name":"cta1","title":"8-bit CTA1","description":"Us vs them comparison table.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/cta1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/cta1.json","copy_url":"https://www.8bitcn.com/r/cta1.json"},{"name":"cta2","title":"8-bit CTA2","description":"Persona use case cards with CTAs.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/cta2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/cta2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/footer1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/footer1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/team1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team1.json","copy_url":"https://www.8bitcn.com/r/team1.json"},{"name":"team2","title":"8-bit Team 2","description":"Changelog feed with dates and badges.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/team2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team2.json","copy_url":"https://www.8bitcn.com/r/team2.json"},{"name":"team3","title":"8-bit Team 3","description":"Case study cards with KPI badges.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/team3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team3.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/advanced1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced1.json","copy_url":"https://www.8bitcn.com/r/advanced1.json"},{"name":"advanced2","title":"8-bit Advanced 2","description":"KPI metrics dashboard with progress bars.","type":"registry:block","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"],"source_url":"https://www.8bitcn.com/r/advanced2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/advanced3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced3.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-hero1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-hero1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-roadmap1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-roadmap1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-hero2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-hero2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-cta1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-cta1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-features1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-features1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-team1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-team1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/game-faq1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-faq1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/not-found1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found1.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/not-found2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found2.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/not-found3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found3.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/portal-transition.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/portal-transition.json","copy_url":"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","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"],"source_url":"https://www.8bitcn.com/r/duel-block.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/duel-block.json","copy_url":"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.vercel.app/registry/8starlabs-ui","markdown":"https://sh4dcn.vercel.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":117,"open_issues":7,"last_commit":"2026-07-08T08:20:41Z"},"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":74,"components":[{"name":"button","title":"Button","description":"A shadcn-compatible button with an optional Stripe-style arrow animation","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/button.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/button.json","copy_url":"https://ui.8starlabs.com/r/button.json"},{"name":"button-demo","title":"Button","description":"A button demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/button-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/button-demo.json","copy_url":"https://ui.8starlabs.com/r/button-demo.json"},{"name":"collapsible","title":"Collapsible","description":"A Base UI collapsible component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/collapsible.json","copy_url":"https://ui.8starlabs.com/r/collapsible.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A Base UI dropdown menu component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/dropdown-menu.json","copy_url":"https://ui.8starlabs.com/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"A styled input component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/input.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/input.json","copy_url":"https://ui.8starlabs.com/r/input.json"},{"name":"label","title":"Label","description":"A styled label component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/label.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/label.json","copy_url":"https://ui.8starlabs.com/r/label.json"},{"name":"separator","title":"Separator","description":"A Base UI separator component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/separator.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/separator.json","copy_url":"https://ui.8starlabs.com/r/separator.json"},{"name":"tooltip","title":"Tooltip","description":"A Base UI tooltip component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/tooltip.json","copy_url":"https://ui.8starlabs.com/r/tooltip.json"},{"name":"heatmap","title":"Heatmap","description":"A heatmap component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap.json","copy_url":"https://ui.8starlabs.com/r/heatmap.json"},{"name":"heatmap-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-demo.json","copy_url":"https://ui.8starlabs.com/r/heatmap-demo.json"},{"name":"heatmap-interpolate-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/heatmap-interpolate-demo.json"},{"name":"heatmap-display-style-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/heatmap-size-demo.json"},{"name":"heatmap-custom-colors-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/heatmap-custom-display-demo.json"},{"name":"partition-bar","title":"Partition Bar","description":"A partition bar component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar.json","copy_url":"https://ui.8starlabs.com/r/partition-bar.json"},{"name":"partition-bar-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/partition-bar-variants-demo.json"},{"name":"flip-clock","title":"Flip clock","description":"A flip clock component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock.json","copy_url":"https://ui.8starlabs.com/r/flip-clock.json"},{"name":"flip-clock-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/flip-clock-showdays-demo.json"},{"name":"status-indicator","title":"Status indicator","description":"A status indicator component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/status-indicator.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-indicator.json","copy_url":"https://ui.8starlabs.com/r/status-indicator.json"},{"name":"status-monitor","title":"Status Monitor","description":"A compact status history bar for showing service uptime across days or hours.","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/status-monitor.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-monitor.json","copy_url":"https://ui.8starlabs.com/r/status-monitor.json"},{"name":"transport-badge","title":"Transport badge","description":"A transport badge component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge.json","copy_url":"https://ui.8starlabs.com/r/transport-badge.json"},{"name":"system-banner","title":"System banner","description":"A system banner component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/system-banner.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/system-banner.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/status-indicator-demo.json"},{"name":"status-monitor-demo","title":"Status Monitor Demo","description":"A status monitor demo with daily uptime history.","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/transport-badge-demo.json"},{"name":"timeline","title":"Timeline component","description":"A timeline component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline.json","copy_url":"https://ui.8starlabs.com/r/timeline.json"},{"name":"timeline-demo","title":"Timeline demo","description":"A timeline demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-demo.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/transport-badge-demo-hk.json"},{"name":"marquee","title":"Marquee component","description":"A marquee component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee.json","copy_url":"https://ui.8starlabs.com/r/marquee.json"},{"name":"marquee-demo","title":"Marquee Demo","description":"A marquee demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee-demo.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/marquee-reverse-demo.json"},{"name":"json-viewer","title":"JSON Viewer","description":"A JSON viewer component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/json-viewer.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/json-viewer.json","copy_url":"https://ui.8starlabs.com/r/json-viewer.json"},{"name":"json-viewer-demo","title":"JSON Viewer","description":"A JSON viewer demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/json-viewer-features-demo.json"},{"name":"video-player","title":"Video Player","description":"A video player component","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player.json","copy_url":"https://ui.8starlabs.com/r/video-player.json"},{"name":"video-player-demo","title":"Video Player","description":"A video player demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/shake.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/shake.json","copy_url":"https://ui.8starlabs.com/r/shake.json"},{"name":"shake-demo","title":"Shake Demo","description":"A shake demo component","type":"registry:example","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/shake-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/shake-demo.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://ui.8starlabs.com/r/open-in-chat-positioning-demo.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.vercel.app/registry/abstract","markdown":"https://sh4dcn.vercel.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":14,"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/abstract-profile/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/abstract-profile/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/agw-provider/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/agw-provider/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/siwe-button/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/siwe-button/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/session-keys/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/session-keys/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/onboarding-dialog/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/onboarding-dialog/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/portfolio-chart/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/portfolio-chart/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/abstract-contracts/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/abstract-contracts/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/nft-card/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/nft-card/json","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/claude-config/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/claude-config/json","copy_url":"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","navigation","tables"],"categories":["Component library (general)"],"labels":[],"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.vercel.app/registry/abui","markdown":"https://sh4dcn.vercel.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://abui.io/og?title=ABUI&amp;description=Components%2C%20blocks%2C%20and%20utilities%20by%20Antonio%20Brandao.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":46,"open_issues":0,"last_commit":"2025-12-15T17:58:44Z"},"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":20,"components":[{"name":"design-system","title":null,"description":null,"type":"registry:style","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/design-system.json","install_command":"npx shadcn@latest add https://abui.io/r/design-system.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/orientation-media-queries.json","install_command":"npx shadcn@latest add https://abui.io/r/orientation-media-queries.json","copy_url":"https://abui.io/r/orientation-media-queries.json"},{"name":"extra-breakpoints","title":"Extra Breakpoints","description":"Adds XS, XXS and 3XL breakpoints.","type":"registry:style","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/extra-breakpoints.json","install_command":"npx shadcn@latest add https://abui.io/r/extra-breakpoints.json","copy_url":"https://abui.io/r/extra-breakpoints.json"},{"name":"debug-utils","title":"Debug Utils","description":"A set of debug utility classes.","type":"registry:style","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/debug-utils.json","install_command":"npx shadcn@latest add https://abui.io/r/debug-utils.json","copy_url":"https://abui.io/r/debug-utils.json"},{"name":"breakpoint-display","title":"Breakpoint Display","description":"A breakpoint display component.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/breakpoint-display.json","install_command":"npx shadcn@latest add https://abui.io/r/breakpoint-display.json","copy_url":"https://abui.io/r/breakpoint-display.json"},{"name":"radio-tabs","title":"Radio Tabs","description":"A radio tabs component.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/radio-tabs.json","install_command":"npx shadcn@latest add https://abui.io/r/radio-tabs.json","copy_url":"https://abui.io/r/radio-tabs.json"},{"name":"radio-rows","title":"Radio Rows","description":"A radio rows component.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/radio-rows.json","install_command":"npx shadcn@latest add https://abui.io/r/radio-rows.json","copy_url":"https://abui.io/r/radio-rows.json"},{"name":"color-swatch-selector","title":"Color Swatch Selector","description":"A color swatch selector component.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/color-swatch-selector.json","install_command":"npx shadcn@latest add https://abui.io/r/color-swatch-selector.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/label-selector.json","install_command":"npx shadcn@latest add https://abui.io/r/label-selector.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/spinner.json","install_command":"npx shadcn@latest add https://abui.io/r/spinner.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/scroll-progress.json","install_command":"npx shadcn@latest add https://abui.io/r/scroll-progress.json","copy_url":"https://abui.io/r/scroll-progress.json"},{"name":"text-gradient","title":"Text Gradient","description":"A text gradient effect component.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/text-gradient.json","install_command":"npx shadcn@latest add https://abui.io/r/text-gradient.json","copy_url":"https://abui.io/r/text-gradient.json"},{"name":"timeline","title":"Timeline","description":"A Gantt-chart style timeline with draggable time slots.","type":"registry:block","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/timeline.json","install_command":"npx shadcn@latest add https://abui.io/r/timeline.json","copy_url":"https://abui.io/r/timeline.json"},{"name":"availability","title":"Availability","description":"A weekly availability designer with draggable and resizable time slots.","type":"registry:block","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/availability.json","install_command":"npx shadcn@latest add https://abui.io/r/availability.json","copy_url":"https://abui.io/r/availability.json"},{"name":"calendar-year","title":"Calendar Year","description":"A calendar year component.","type":"registry:block","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/calendar-year.json","install_command":"npx shadcn@latest add https://abui.io/r/calendar-year.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/accordion-multiselect.json","install_command":"npx shadcn@latest add https://abui.io/r/accordion-multiselect.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/timeline-steps.json","install_command":"npx shadcn@latest add https://abui.io/r/timeline-steps.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/toc.json","install_command":"npx shadcn@latest add https://abui.io/r/toc.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","navigation","tables"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/animated-chart.json","install_command":"npx shadcn@latest add https://abui.io/r/animated-chart.json","copy_url":"https://abui.io/r/animated-chart.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","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.vercel.app/registry/aceternity","markdown":"https://sh4dcn.vercel.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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/grid.json","copy_url":"https://ui.aceternity.com/registry/grid.json"},{"name":"moving-line","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/moving-line.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/moving-line.json","copy_url":"https://ui.aceternity.com/registry/moving-line.json"},{"name":"sparkles","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sparkles.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sparkles.json","copy_url":"https://ui.aceternity.com/registry/sparkles.json"},{"name":"spotlight","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/spotlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight.json","copy_url":"https://ui.aceternity.com/registry/spotlight.json"},{"name":"glowing-stars","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/glowing-stars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glowing-stars.json","copy_url":"https://ui.aceternity.com/registry/glowing-stars.json"},{"name":"text-reveal-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/text-reveal-card.json"},{"name":"animated-tooltip","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/animated-tooltip.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-tooltip.json","copy_url":"https://ui.aceternity.com/registry/animated-tooltip.json"},{"name":"following-pointer","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/following-pointer.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/following-pointer.json","copy_url":"https://ui.aceternity.com/registry/following-pointer.json"},{"name":"background-beams","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-beams.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-beams.json","copy_url":"https://ui.aceternity.com/registry/background-beams.json"},{"name":"svg-mask-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/svg-mask-effect.json"},{"name":"infinite-moving-cards","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/infinite-moving-cards.json"},{"name":"3d-pin","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-pin.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-pin.json","copy_url":"https://ui.aceternity.com/registry/3d-pin.json"},{"name":"evervault-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/evervault-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/evervault-card.json","copy_url":"https://ui.aceternity.com/registry/evervault-card.json"},{"name":"parallax-scroll","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/parallax-scroll.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll.json","copy_url":"https://ui.aceternity.com/registry/parallax-scroll.json"},{"name":"parallax-scroll-2","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/parallax-scroll-2.json"},{"name":"parallax-hero-images","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/parallax-hero-images.json"},{"name":"tracing-beam","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tracing-beam.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tracing-beam.json","copy_url":"https://ui.aceternity.com/registry/tracing-beam.json"},{"name":"container-scroll-animation","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/container-scroll-animation.json"},{"name":"text-generate-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/text-generate-effect.json"},{"name":"meteors","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/meteors.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/meteors.json","copy_url":"https://ui.aceternity.com/registry/meteors.json"},{"name":"card-stack","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/card-stack.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/card-stack.json","copy_url":"https://ui.aceternity.com/registry/card-stack.json"},{"name":"moving-border","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/moving-border.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/moving-border.json","copy_url":"https://ui.aceternity.com/registry/moving-border.json"},{"name":"lamp","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/lamp.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/lamp.json","copy_url":"https://ui.aceternity.com/registry/lamp.json"},{"name":"sticky-scroll-reveal","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/sticky-scroll-reveal.json"},{"name":"floating-navbar","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/floating-navbar.json","copy_url":"https://ui.aceternity.com/registry/floating-navbar.json"},{"name":"navbar-menu","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-menu.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-menu.json","copy_url":"https://ui.aceternity.com/registry/navbar-menu.json"},{"name":"tailwindcss-buttons","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tailwindcss-buttons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tailwindcss-buttons.json","copy_url":"https://ui.aceternity.com/registry/tailwindcss-buttons.json"},{"name":"bento-grid","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/bento-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid.json","copy_url":"https://ui.aceternity.com/registry/bento-grid.json"},{"name":"card-hover-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/card-hover-effect.json"},{"name":"google-gemini-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/google-gemini-effect.json"},{"name":"gooey-input","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/gooey-input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/gooey-input.json","copy_url":"https://ui.aceternity.com/registry/gooey-input.json"},{"name":"typewriter-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/typewriter-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/typewriter-effect.json","copy_url":"https://ui.aceternity.com/registry/typewriter-effect.json"},{"name":"background-boxes","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-boxes.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-boxes.json","copy_url":"https://ui.aceternity.com/registry/background-boxes.json"},{"name":"3d-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-card.json","copy_url":"https://ui.aceternity.com/registry/3d-card.json"},{"name":"images-slider","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/images-slider.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/images-slider.json","copy_url":"https://ui.aceternity.com/registry/images-slider.json"},{"name":"direction-aware-hover","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/direction-aware-hover.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tabs.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tabs.json","copy_url":"https://ui.aceternity.com/registry/tabs.json"},{"name":"hero-parallax","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/hero-parallax.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-parallax.json","copy_url":"https://ui.aceternity.com/registry/hero-parallax.json"},{"name":"wavy-background","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/wavy-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/wavy-background.json","copy_url":"https://ui.aceternity.com/registry/wavy-background.json"},{"name":"background-gradient","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient.json","copy_url":"https://ui.aceternity.com/registry/background-gradient.json"},{"name":"layout-grid","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/layout-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/layout-grid.json","copy_url":"https://ui.aceternity.com/registry/layout-grid.json"},{"name":"background-gradient-animation","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-gradient-animation.json"},{"name":"macbook-scroll","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/macbook-scroll.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/macbook-scroll.json","copy_url":"https://ui.aceternity.com/registry/macbook-scroll.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/input.json","copy_url":"https://ui.aceternity.com/registry/input.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/label.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/label.json","copy_url":"https://ui.aceternity.com/registry/label.json"},{"name":"multi-step-loader","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/multi-step-loader.json"},{"name":"globe","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/globe.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/globe.json","copy_url":"https://ui.aceternity.com/registry/globe.json"},{"name":"aurora-background","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/aurora-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/aurora-background.json","copy_url":"https://ui.aceternity.com/registry/aurora-background.json"},{"name":"canvas-reveal-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/canvas-reveal-effect.json"},{"name":"hover-border-gradient","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/hover-border-gradient.json"},{"name":"hero-highlight","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/hero-highlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-highlight.json","copy_url":"https://ui.aceternity.com/registry/hero-highlight.json"},{"name":"vortex","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/vortex.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/vortex.json","copy_url":"https://ui.aceternity.com/registry/vortex.json"},{"name":"wobble-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/wobble-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/wobble-card.json","copy_url":"https://ui.aceternity.com/registry/wobble-card.json"},{"name":"placeholders-and-vanish-input","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/placeholders-and-vanish-input.json"},{"name":"flip-words","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/flip-words.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/flip-words.json","copy_url":"https://ui.aceternity.com/registry/flip-words.json"},{"name":"link-preview","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/link-preview.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/link-preview.json","copy_url":"https://ui.aceternity.com/registry/link-preview.json"},{"name":"glare-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/glare-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glare-card.json","copy_url":"https://ui.aceternity.com/registry/glare-card.json"},{"name":"animated-modal","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/animated-modal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-modal.json","copy_url":"https://ui.aceternity.com/registry/animated-modal.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sidebar.json","copy_url":"https://ui.aceternity.com/registry/sidebar.json"},{"name":"apple-cards-carousel","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/apple-cards-carousel.json"},{"name":"shooting-stars","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/shooting-stars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/shooting-stars.json","copy_url":"https://ui.aceternity.com/registry/shooting-stars.json"},{"name":"stars-background","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/stars-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stars-background.json","copy_url":"https://ui.aceternity.com/registry/stars-background.json"},{"name":"compare","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/compare.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/compare.json","copy_url":"https://ui.aceternity.com/registry/compare.json"},{"name":"card-spotlight","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/card-spotlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/card-spotlight.json","copy_url":"https://ui.aceternity.com/registry/card-spotlight.json"},{"name":"cover","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/cover.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cover.json","copy_url":"https://ui.aceternity.com/registry/cover.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/file-upload.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/file-upload.json","copy_url":"https://ui.aceternity.com/registry/file-upload.json"},{"name":"floating-dock","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/floating-dock.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/floating-dock.json","copy_url":"https://ui.aceternity.com/registry/floating-dock.json"},{"name":"focus-cards","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/focus-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/focus-cards.json","copy_url":"https://ui.aceternity.com/registry/focus-cards.json"},{"name":"background-beams-with-collision","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-beams-with-collision.json"},{"name":"timeline","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/timeline.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/timeline.json","copy_url":"https://ui.aceternity.com/registry/timeline.json"},{"name":"text-hover-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/text-hover-effect.json"},{"name":"lens","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/lens.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/lens.json","copy_url":"https://ui.aceternity.com/registry/lens.json"},{"name":"background-lines","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json","copy_url":"https://ui.aceternity.com/registry/background-lines.json"},{"name":"animated-testimonials","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-testimonials.json","copy_url":"https://ui.aceternity.com/registry/animated-testimonials.json"},{"name":"world-map","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/world-map.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/world-map.json","copy_url":"https://ui.aceternity.com/registry/world-map.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/code-block.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/code-block.json","copy_url":"https://ui.aceternity.com/registry/code-block.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/carousel.json","copy_url":"https://ui.aceternity.com/registry/carousel.json"},{"name":"colourful-text","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/colourful-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/colourful-text.json","copy_url":"https://ui.aceternity.com/registry/colourful-text.json"},{"name":"squiggly-text","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/squiggly-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/squiggly-text.json","copy_url":"https://ui.aceternity.com/registry/squiggly-text.json"},{"name":"magnetic-button","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/magnetic-button.json","copy_url":"https://ui.aceternity.com/registry/magnetic-button.json"},{"name":"notch","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/notch.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/notch.json","copy_url":"https://ui.aceternity.com/registry/notch.json"},{"name":"spotlight-new","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/spotlight-new.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-new.json","copy_url":"https://ui.aceternity.com/registry/spotlight-new.json"},{"name":"glowing-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/glowing-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glowing-effect.json","copy_url":"https://ui.aceternity.com/registry/glowing-effect.json"},{"name":"3d-marquee","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-marquee.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-marquee.json","copy_url":"https://ui.aceternity.com/registry/3d-marquee.json"},{"name":"container-text-flip","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/container-text-flip.json"},{"name":"resizable-navbar","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/resizable-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/resizable-navbar.json","copy_url":"https://ui.aceternity.com/registry/resizable-navbar.json"},{"name":"draggable-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/draggable-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/draggable-card.json","copy_url":"https://ui.aceternity.com/registry/draggable-card.json"},{"name":"sticky-banner","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sticky-banner.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sticky-banner.json","copy_url":"https://ui.aceternity.com/registry/sticky-banner.json"},{"name":"pointer-highlight","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/pointer-highlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pointer-highlight.json","copy_url":"https://ui.aceternity.com/registry/pointer-highlight.json"},{"name":"stateful-button","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/stateful-button.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stateful-button.json","copy_url":"https://ui.aceternity.com/registry/stateful-button.json"},{"name":"loader","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/loader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/loader.json","copy_url":"https://ui.aceternity.com/registry/loader.json"},{"name":"comet-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/comet-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/comet-card.json","copy_url":"https://ui.aceternity.com/registry/comet-card.json"},{"name":"background-ripple-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-ripple-effect.json"},{"name":"pixelated-canvas","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/pixelated-canvas.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pixelated-canvas.json","copy_url":"https://ui.aceternity.com/registry/pixelated-canvas.json"},{"name":"canvas-text","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/canvas-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/canvas-text.json","copy_url":"https://ui.aceternity.com/registry/canvas-text.json"},{"name":"layout-text-flip","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/layout-text-flip.json"},{"name":"dotted-glow-background","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/dotted-glow-background.json"},{"name":"tooltip-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tooltip-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tooltip-card.json","copy_url":"https://ui.aceternity.com/registry/tooltip-card.json"},{"name":"encrypted-text","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/encrypted-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/encrypted-text.json","copy_url":"https://ui.aceternity.com/registry/encrypted-text.json"},{"name":"noise-background","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/noise-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/noise-background.json","copy_url":"https://ui.aceternity.com/registry/noise-background.json"},{"name":"dither-shader","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/dither-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/dither-shader.json","copy_url":"https://ui.aceternity.com/registry/dither-shader.json"},{"name":"webcam-pixel-grid","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/webcam-pixel-grid.json"},{"name":"images-badge","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/images-badge.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/images-badge.json","copy_url":"https://ui.aceternity.com/registry/images-badge.json"},{"name":"keyboard","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/keyboard.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/keyboard.json","copy_url":"https://ui.aceternity.com/registry/keyboard.json"},{"name":"terminal","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/terminal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/terminal.json","copy_url":"https://ui.aceternity.com/registry/terminal.json"},{"name":"3d-globe","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-globe.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-globe.json","copy_url":"https://ui.aceternity.com/registry/3d-globe.json"},{"name":"ascii-art","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/ascii-art.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/ascii-art.json","copy_url":"https://ui.aceternity.com/registry/ascii-art.json"},{"name":"scales","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/scales.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/scales.json","copy_url":"https://ui.aceternity.com/registry/scales.json"},{"name":"text-flipping-board","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/text-flipping-board.json"},{"name":"cards-demo-1","title":null,"description":"Background Overlay Card","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/cards-demo-1.json"},{"name":"cards-demo-2","title":null,"description":"Content Card","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/cards-demo-2.json"},{"name":"cards-demo-3","title":null,"description":"Feature Block Animated Card","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/cards-demo-3.json"},{"name":"expandable-card-on-click","title":null,"description":"Expandable Card On Click","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/features-section-demo-2.json"},{"name":"features-section-demo-3","title":null,"description":"Bento Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/full-background-image-with-text.json"},{"name":"centered-around-testimonials","title":null,"description":"Centered Around Testimonials","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/hero-section-with-noise-background.json"},{"name":"logo-cloud-marquee","title":null,"description":"Logo Cloud Marquee","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/logo-cloud-marquee.json"},{"name":"logos-with-blur-flip","title":null,"description":"Logos With Blur Flip","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/logos-with-blur-flip.json"},{"name":"spotlight-logo-cloud","title":null,"description":"Spotlight Logo Cloud","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/spotlight-logo-cloud.json"},{"name":"three-column-bento-grid","title":null,"description":"Three Column Bento Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/cta-with-dashed-grid-lines.json"},{"name":"testimonials-grid-with-centered-carousel","title":null,"description":"Testimonials Grid With Centered Carousel","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/testimonials-grid-with-centered-carousel.json"},{"name":"testimonials-marquee-grid","title":null,"description":"Testimonials Marquee Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/testimonials-marquee-grid-boxed.json"},{"name":"testimonials-masonry-grid","title":null,"description":"Testimonials Masonry Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-pricing-with-three-tiers.json"},{"name":"pricing-with-switch","title":null,"description":"Pricing With Switch","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/pricing-minimal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pricing-minimal.json","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-navbar-with-hover-effects.json"},{"name":"navbar-with-children","title":null,"description":"Navbar With Children","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-footer-with-four-grids.json"},{"name":"footer-with-grid","title":null,"description":"Footer With Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/footer-with-grid.json"},{"name":"footer-with-big-text","title":null,"description":"Footer With Big Text","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/footer-with-big-text.json"},{"name":"centered-with-logo","title":null,"description":"Centered With Logo","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/centered-with-logo.json"},{"name":"registration-form-with-images","title":null,"description":"Registration Form With Images","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/login-with-socials-and-email.json"},{"name":"login-signup-minimal","title":null,"description":"Login Signup Minimal","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-centered-contact-form.json"},{"name":"blog-with-search","title":null,"description":"Blog With Search","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/blog-with-categories.json"},{"name":"simple-blog-with-grid","title":null,"description":"Simple Blog With Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-blog-with-grid.json"},{"name":"playful-hero-section","title":null,"description":"Playful Hero Section","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/playful-hero-section.json"},{"name":"frequently-asked-questions-accordion","title":null,"description":"Frequently Asked Questions Accordion","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-faqs-with-background.json"},{"name":"faqs-with-grid","title":null,"description":"Faqs With Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/faqs-with-grid.json"},{"name":"simple-sidebar-with-hover","title":null,"description":"Simple Sidebar With Hover","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/simple-sidebar-with-hover.json"},{"name":"collapsible-sidebar","title":null,"description":"Collapsible Sidebar","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/collapsible-sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/collapsible-sidebar.json","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/grouped-sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/grouped-sidebar.json","copy_url":"https://ui.aceternity.com/registry/grouped-sidebar.json"},{"name":"blog-content-centered","title":null,"description":"Blog Content Centered","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/blog-content-centered.json"},{"name":"blog-content-with-toc","title":null,"description":"Blog Content With Toc","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/blog-content-with-toc.json"},{"name":"stats-for-changelog","title":null,"description":"Stats For Changelog","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/stats-for-changelog.json"},{"name":"stats-with-number-ticker","title":null,"description":"Stats With Number Ticker","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/stats-with-grid-background.json"},{"name":"stats-with-gradient","title":null,"description":"Stats With Gradient","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/stats-with-gradient.json"},{"name":"background-with-full-video","title":null,"description":"Background With Full Video","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-with-full-video.json"},{"name":"background-lines","title":null,"description":"Background Lines","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json","copy_url":"https://ui.aceternity.com/registry/background-lines.json"},{"name":"background-with-shooting-stars","title":null,"description":"Background With Shooting Stars","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-with-shooting-stars.json"},{"name":"background-dots","title":null,"description":"Background Dots","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-dots.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-dots.json","copy_url":"https://ui.aceternity.com/registry/background-dots.json"},{"name":"background-dots-masked","title":null,"description":"Background Dots Masked","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-dots-masked.json"},{"name":"background-dots-masked-vertical","title":null,"description":"Background Dots Masked Vertical","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/background-with-skewed-lines.json"},{"name":"background-noise-grid","title":null,"description":"Background Noise Grid","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/text-generate-typewriter.json"},{"name":"login-form-with-gradient","title":null,"description":"Login Form With Gradient","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/login-form-with-gradient.json"},{"name":"navbar-classic","title":null,"description":"Classic navbar with search","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-classic.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-classic.json","copy_url":"https://ui.aceternity.com/registry/navbar-classic.json"},{"name":"navbar-mega","title":null,"description":"Navbar with Mega Menu and Hover Effects","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-mega.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-mega.json","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/navbar-dark-shadow.json"},{"name":"navbar-pill","title":null,"description":"Navbar with Pills and tabs","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-pill.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-pill.json","copy_url":"https://ui.aceternity.com/registry/navbar-pill.json"},{"name":"navbar-underline","title":null,"description":"Navbar with Underline and hover effects","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-underline.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-underline.json","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/single-row-logo-cloud.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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/spotlight-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-shader.json","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/hero-section-with-dither-background.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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/hero-with-chat-input.json"},{"name":"testimonials-with-carousel","title":null,"description":"Testimonials With Carousel","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/testimonials-with-centered-highlight.json"},{"name":"features-section-with-skeletons","title":null,"description":"Features Section With Skeletons","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/features-section-with-skeletons.json"},{"name":"chat-conversation","title":null,"description":"Chat Conversation","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/chat-conversation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/chat-conversation.json","copy_url":"https://ui.aceternity.com/registry/chat-conversation.json"},{"name":"folder-with-files","title":null,"description":"Folder With Files","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/folder-with-files.json"},{"name":"collaborative-cursors","title":null,"description":"Collaborative Cursors","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/collaborative-cursors.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/collaborative-cursors.json","copy_url":"https://ui.aceternity.com/registry/collaborative-cursors.json"},{"name":"testimonials-hover-illustration","title":null,"description":"Testimonials Hover Illustration","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/feature-section-bento-skeletons.json"},{"name":"uptime-status-illustration","title":null,"description":"Interactive Uptime Status Illustration","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"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","copy_url":"https://ui.aceternity.com/registry/flipping-images-with-bar.json"},{"name":"isometric-box","title":null,"description":"Minimal Isometric Box Illustration with Hover Animation","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/isometric-box.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/isometric-box.json","copy_url":"https://ui.aceternity.com/registry/isometric-box.json"},{"name":"features-with-isometric-blocks","title":null,"description":"Feature cards with animated isometric box illustrations","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/features-with-isometric-blocks.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-with-isometric-blocks.json","copy_url":"https://ui.aceternity.com/registry/features-with-isometric-blocks.json"},{"name":"features-with-stacked-isometric-boxes","title":null,"description":"Feature section with stacked isometric boxes and autoplay animation","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/features-with-stacked-isometric-boxes.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-with-stacked-isometric-boxes.json","copy_url":"https://ui.aceternity.com/registry/features-with-stacked-isometric-boxes.json"},{"name":"macbook-illustration","title":null,"description":"Interactive MacBook illustration with lid animation and Dynamic Island","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/macbook-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/macbook-illustration.json","copy_url":"https://ui.aceternity.com/registry/macbook-illustration.json"},{"name":"iphone-illustration","title":null,"description":"Interactive iPhone illustration with Dynamic Island animation","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/iphone-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/iphone-illustration.json","copy_url":"https://ui.aceternity.com/registry/iphone-illustration.json"},{"name":"dynamic-island","title":null,"description":"Animated Dynamic Island with customizable idle, loading, and processed states","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/dynamic-island.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/dynamic-island.json","copy_url":"https://ui.aceternity.com/registry/dynamic-island.json"},{"name":"ipad-illustration","title":null,"description":"Interactive iPad illustration with Dynamic Island animation","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/ipad-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/ipad-illustration.json","copy_url":"https://ui.aceternity.com/registry/ipad-illustration.json"},{"name":"bento-grid-illustrations","title":null,"description":"Bento grid showcasing MacBook, iPhone, iPad, and Dynamic Island illustrations","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/bento-grid-illustrations.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-illustrations.json","copy_url":"https://ui.aceternity.com/registry/bento-grid-illustrations.json"},{"name":"world-map-illustration","title":null,"description":"Interactive world map with dotted continents and customizable location pins with avatars","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/world-map-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/world-map-illustration.json","copy_url":"https://ui.aceternity.com/registry/world-map-illustration.json"},{"name":"keyboard-illustration","title":null,"description":"Mini Mac keyboard illustration with blue hover glow and size variants","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/keyboard-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/keyboard-illustration.json","copy_url":"https://ui.aceternity.com/registry/keyboard-illustration.json"},{"name":"simple-login-with-grid-lines","title":null,"description":"Simple login form with dashed grid lines border decoration","type":"registry:block","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/simple-login-with-grid-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-login-with-grid-lines.json","copy_url":"https://ui.aceternity.com/registry/simple-login-with-grid-lines.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","hooks","pro-available"],"categories":["Component library (general)"],"labels":["pro"],"urls":{"website":"https://ui.aevr.space","github":"https://github.com/aevrHQ/ui","registry":"https://ui.aevr.space/r/{name}.json","source":"https://ui.aevr.space/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/aevr","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.aevr.space/pricing"},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-02-27T03:48:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/aevrHQ/ui.git","clone_degit":"npx degit aevrHQ/ui","registry_fetch":"curl -s https://ui.aevr.space/r/{name}.json"},"component_count":0,"components":[]},{"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.vercel.app/registry/agentcn","markdown":"https://sh4dcn.vercel.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":341,"open_issues":4,"last_commit":"2026-07-05T08:56:47Z"},"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/eve/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/claw.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/eve/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/weather.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/flue/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/claw.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/flue/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/weather.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/mastra/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/claw.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/mastra/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/weather.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/langgraph/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/claw.json","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"source_url":"https://agentcn.vercel.app/r/langgraph/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/weather.json","copy_url":"https://agentcn.vercel.app/r/langgraph/weather.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.vercel.app/registry/agents-ui","markdown":"https://sh4dcn.vercel.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":442,"open_issues":37,"last_commit":"2026-07-08T05:11:33Z"},"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":17,"components":[{"name":"agent-disconnect-button","title":"Agent Disconnect Button","description":"A button for disconnecting the agent session.","type":"registry:component","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"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","copy_url":"https://livekit.com/ui/r/agent-session-view-01.json"},{"name":"all","title":"All","description":"Installs every component in the @agents-ui registry (excluding the nextjs-api-token-route).","type":"registry:item","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/all.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/all.json","copy_url":"https://livekit.com/ui/r/all.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"],"categories":["AI/chat UI"],"labels":["featured"],"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.vercel.app/registry/ai-blocks","markdown":"https://sh4dcn.vercel.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":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":9,"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.vercel.app/registry/ai-elements","markdown":"https://sh4dcn.vercel.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":2192,"open_issues":61,"last_commit":"2026-07-01T09:19:33Z"},"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":136,"components":[{"name":"agent","title":"Agent","description":"AI-powered agent component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/agent.json"},{"name":"artifact","title":"Artifact","description":"AI-powered artifact component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/artifact.json"},{"name":"attachments","title":"Attachments","description":"AI-powered attachments component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/attachments.json"},{"name":"audio-player","title":"Audio Player","description":"AI-powered audio player component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/audio-player.json"},{"name":"canvas","title":"Canvas","description":"AI-powered canvas component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/chain-of-thought.json"},{"name":"checkpoint","title":"Checkpoint","description":"AI-powered checkpoint component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/checkpoint.json"},{"name":"code-block","title":"Code Block","description":"AI-powered code block component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/code-block.json"},{"name":"commit","title":"Commit","description":"AI-powered commit component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/commit.json"},{"name":"confirmation","title":"Confirmation","description":"AI-powered confirmation component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/confirmation.json"},{"name":"connection","title":"Connection","description":"AI-powered connection component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/connection.json"},{"name":"context","title":"Context","description":"AI-powered context component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/context.json"},{"name":"controls","title":"Controls","description":"AI-powered controls component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/controls.json"},{"name":"conversation","title":"Conversation","description":"AI-powered conversation component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/conversation.json"},{"name":"edge","title":"Edge","description":"AI-powered edge component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/edge.json"},{"name":"environment-variables","title":"Environment Variables","description":"AI-powered environment variables component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/file-tree.json"},{"name":"image","title":"Image","description":"AI-powered image component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/image.json"},{"name":"inline-citation","title":"Inline Citation","description":"AI-powered inline citation component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/jsx-preview.json"},{"name":"message","title":"Message","description":"AI-powered message component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/message.json"},{"name":"mic-selector","title":"Mic Selector","description":"AI-powered mic selector component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/model-selector.json"},{"name":"node","title":"Node","description":"AI-powered node component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/package-info.json"},{"name":"panel","title":"Panel","description":"AI-powered panel component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/panel.json"},{"name":"persona","title":"Persona","description":"AI-powered persona component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/persona.json"},{"name":"plan","title":"Plan","description":"AI-powered plan component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/plan.json"},{"name":"prompt-input","title":"Prompt Input","description":"AI-powered prompt input component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/prompt-input.json"},{"name":"queue","title":"Queue","description":"AI-powered queue component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/queue.json"},{"name":"reasoning","title":"Reasoning","description":"AI-powered reasoning component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/reasoning.json"},{"name":"sandbox","title":"Sandbox","description":"AI-powered sandbox component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/sandbox.json"},{"name":"schema-display","title":"Schema Display","description":"AI-powered schema display component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/schema-display.json"},{"name":"shimmer","title":"Shimmer","description":"AI-powered shimmer component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/shimmer.json"},{"name":"snippet","title":"Snippet","description":"AI-powered snippet component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/snippet.json"},{"name":"sources","title":"Sources","description":"AI-powered sources component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/sources.json"},{"name":"speech-input","title":"Speech Input","description":"AI-powered speech input component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/stack-trace.json"},{"name":"suggestion","title":"Suggestion","description":"AI-powered suggestion component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/suggestion.json"},{"name":"task","title":"Task","description":"AI-powered task component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/task.json"},{"name":"terminal","title":"Terminal","description":"AI-powered terminal component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/terminal.json"},{"name":"test-results","title":"Test Results","description":"AI-powered test results component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/test-results.json"},{"name":"tool","title":"Tool","description":"AI-powered tool component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/tool.json"},{"name":"toolbar","title":"Toolbar","description":"AI-powered toolbar component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/toolbar.json"},{"name":"transcription","title":"Transcription","description":"AI-powered transcription component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/transcription.json"},{"name":"voice-selector","title":"Voice Selector","description":"AI-powered voice selector component.","type":"registry:component","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/web-preview.json"},{"name":"example-agent","title":"Agent Example","description":"Example implementation of agent.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-agent.json"},{"name":"example-artifact","title":"Artifact Example","description":"Example implementation of artifact.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-chatbot.json"},{"name":"example-checkpoint","title":"Checkpoint Example","description":"Example implementation of checkpoint.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-confirmation.json"},{"name":"example-context","title":"Context Example","description":"Example implementation of context.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-context.json"},{"name":"example-conversation","title":"Conversation Example","description":"Example implementation of conversation.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-prompt-input.json"},{"name":"example-queue-prompt-input","title":"Queue Prompt Input Example","description":"Example implementation of queue prompt-input.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-queue.json"},{"name":"example-reasoning","title":"Reasoning Example","description":"Example implementation of reasoning.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-reasoning.json"},{"name":"example-sandbox","title":"Sandbox Example","description":"Example implementation of sandbox.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-suggestion.json"},{"name":"example-task","title":"Task Example","description":"Example implementation of task.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"https://ai-sdk.dev/elements/api/registry/example-tool.json"},{"name":"example-transcription","title":"Transcription Example","description":"Example implementation of transcription.","type":"registry:block","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","buttons","cards","charts","crypto","dashboard","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.vercel.app/registry/aicanvas","markdown":"https://sh4dcn.vercel.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=\"url(#paint0_linear_185_248)\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9 21L4 12H13L18.25 21H9Z\" fill=\"#1E1E1E\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 12H4L9 3H18.25L13 12Z\" fill=\"#4F4F4C\"/><defs><linearGradient id=\"paint0_linear_185_248\" x1=\"9\" y1=\"3\" x2=\"24.8756\" y2=\"17\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#666662\"/><stop offset=\"1\" stop-color=\"#4F4F4C\"/></linearGradient></defs></svg>","preview_image":"https://aicanvas.me/AIcanvas-OG-v2.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://aicanvas.me/pricing"},"metrics":{"github_stars":27,"open_issues":0,"last_commit":"2026-07-07T21:17:20Z"},"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":123,"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/ai-job-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/ai-job-cards.json","copy_url":"https://aicanvas.me/r/ai-job-cards.json"},{"name":"andromeda-button","title":"Andromeda Button","description":"A sci-fi / blueprint-aesthetic button with five variants (default, outline, ghost, destructive, link), three sizes (small, medium, large), optional leading ico…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-button.json","copy_url":"https://aicanvas.me/r/andromeda-button.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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/meet-the-crew.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/meet-the-crew.json","copy_url":"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 acco…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/blind-pull-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/blind-pull-toggle.json","copy_url":"https://aicanvas.me/r/blind-pull-toggle.json"},{"name":"bubble-field","title":"Bubble Field","description":"A grid of outline circles that burst on hover — each expanding and fading like a soap bubble popping, then reforming, with a soft pastel blue palette. Free acc…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/bubble-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/bubble-field.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/charging-widget.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/charging-widget.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/crypto-swap.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/crypto-swap.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/cube-carousel.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/cube-carousel.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/curious-ai.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/curious-ai.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/danger-stripes.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/danger-stripes.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/delete-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/delete-button.json","copy_url":"https://aicanvas.me/r/delete-button.json"},{"name":"distortion-grid","title":"Distortion Grid","description":"A canvas grid of thin lines that slowly undulate with large sweeping waves. Hovering repels the grid fabric outward from the cursor, amplifying the distortion …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/distortion-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/distortion-grid.json","copy_url":"https://aicanvas.me/r/distortion-grid.json"},{"name":"dot-grid","title":"Dot Grid","description":"A canvas-based dot grid background where hovering illuminates nearby dots with a smooth radial glow and organic fade. Free account required to install; source …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/dot-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/dot-grid.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/emoji-burst.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/emoji-burst.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/expanding-tabs.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/expanding-tabs.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/flip-calendar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/flip-calendar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/traveldeck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/traveldeck.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-ai-compose.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-ai-compose.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-card.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-dock.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-dock.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-modal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-modal.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-music-player.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-music-player.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-navbar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-navbar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-notification.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-notification.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-progress.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-progress.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-search-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-search-bar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-sidebar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-sidebar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-slider.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-slider.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-stepper.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-stepper.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-tab-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-tab-bar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-tags.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-tags.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-toast.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-toast.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-toggle.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-user-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-user-menu.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glitch-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glitch-button.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/good-vibes.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/good-vibes.json","copy_url":"https://aicanvas.me/r/good-vibes.json"},{"name":"grid-lines","title":"Grid Lines","description":"A dot grid connected by thin lines. On hover, a radial wave pulses outward from the cursor, illuminating lines and dots as it spreads. Free account required to…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/grid-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/grid-lines.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/halo-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/halo-type.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/interactive-card-stack.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/interactive-card-stack.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/jar-of-emotions.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/jar-of-emotions.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/label-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/label-cards.json","copy_url":"https://aicanvas.me/r/label-cards.json"},{"name":"magnetic-dots","title":"Magnetic Dots","description":"A dense grid of dots that get magnetically pulled toward the cursor, snapping back with a satisfying elastic bounce when you leave. Free account required to in…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/magnetic-dots.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/magnetic-dots.json","copy_url":"https://aicanvas.me/r/magnetic-dots.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 requir…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/mark-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/mark-toggle.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/mood-tracker.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/mood-tracker.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/neon-clock.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/neon-clock.json","copy_url":"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 Creat…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/new-project-modal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/new-project-modal.json","copy_url":"https://aicanvas.me/r/new-project-modal.json"},{"name":"noise-bg","title":"Grain Background","description":"A canvas-based grain background of randomly scattered dots that illuminate with a soft Gaussian glow and organic connection lines on hover. Free account requir…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/noise-bg.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/noise-bg.json","copy_url":"https://aicanvas.me/r/noise-bg.json"},{"name":"noise-field","title":"Noise Field","description":"A grid of flowing arrows driven by layered sine-wave noise — like wind mapped on a weather chart. Hover to create a swirling vortex at the cursor. Free account…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/noise-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/noise-field.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/orbit.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/orbit.json","copy_url":"https://aicanvas.me/r/orbit.json"},{"name":"particle-constellation","title":"Spider Web","description":"An organic silk web that breathes with a slow idle bow. Hover to physically push the nodes — each intersection bounces back with tension, fading the strings ne…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/particle-constellation.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/particle-constellation.json","copy_url":"https://aicanvas.me/r/particle-constellation.json"},{"name":"particle-sphere","title":"Particle Sphere","description":"9,000 particles arranged on a sphere with warm gold and cool silver tones, slowly spinning in Three.js. Free account required to install; source is free to rea…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/particle-sphere.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/particle-sphere.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/peel-corner-reveal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/peel-corner-reveal.json","copy_url":"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; so…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/pill-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/pill-toggle.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/playful.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/playful.json","copy_url":"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 …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/polaroid-stack.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/polaroid-stack.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/product-card-deck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/product-card-deck.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/radial-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/radial-cards.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/radial-toolbar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/radial-toolbar.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/responsive-letters.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/responsive-letters.json","copy_url":"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 — letters ripple. Free account required to install; source is free to read.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/ripple-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/ripple-type.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/runway-loader.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/runway-loader.json","copy_url":"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 require…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/scramble-text.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/scramble-text.json","copy_url":"https://aicanvas.me/r/scramble-text.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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/signature-pad.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/signature-pad.json","copy_url":"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 resolvi…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/slice-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/slice-type.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/slide-deck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/slide-deck.json","copy_url":"https://aicanvas.me/r/slide-deck.json"},{"name":"sphere-lines","title":"Wireframe Globe","description":"A wire-frame globe that breathes on its own — a narrow wave band drifts quietly across the surface. Hover to ripple the lines right where your cursor lands. Fr…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/sphere-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/sphere-lines.json","copy_url":"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 …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/stack-tower.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/stack-tower.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/sticker-wall.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/sticker-wall.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/taga-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/taga-toggle.json","copy_url":"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 — springs…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/task-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/task-cards.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/text-blur-reveal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/text-blur-reveal.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/tilted-coverflow.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/tilted-coverflow.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/upload-progress.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/upload-progress.json","copy_url":"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 …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/voice-chat-pill.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/voice-chat-pill.json","copy_url":"https://aicanvas.me/r/voice-chat-pill.json"},{"name":"wave-lines","title":"Wave Lines","description":"Dense vertical lines that ripple across the canvas — two layered sine waves create organic bunching and breathing. Hover to send the lines into extreme waves a…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/wave-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/wave-lines.json","copy_url":"https://aicanvas.me/r/wave-lines.json"},{"name":"wild-morph","title":"Wild Morph","description":"Italic SVG word that warps under the cursor — a spring-physics text animation. Free account required to install; source is free to read.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/wild-morph.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/wild-morph.json","copy_url":"https://aicanvas.me/r/wild-morph.json"},{"name":"x-grid","title":"X Grid","description":"A canvas-based interactive background of × marks that illuminate and connect to neighbours with constellation lines on hover. Free account required to install;…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/x-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/x-grid.json","copy_url":"https://aicanvas.me/r/x-grid.json"},{"name":"andromeda-tokens","title":"Andromeda tokens","description":"Foundation files for the Andromeda design system — tokens, shared utilities, and the system mark. Required by every Andromeda component and template.","type":"registry:lib","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-tokens.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tokens.json","copy_url":"https://aicanvas.me/r/andromeda-tokens.json"},{"name":"andromeda","title":"Andromeda design system","description":"Every Andromeda component (41 files). Installs the foundation tokens automatically. Requires AI Canvas Premium to install.","type":"registry:style","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda.json","copy_url":"https://aicanvas.me/r/andromeda.json"},{"name":"andromeda-alert","title":"Alert (Andromeda)","description":"Andromeda Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-alert.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-alert.json","copy_url":"https://aicanvas.me/r/andromeda-alert.json"},{"name":"andromeda-avatar","title":"Avatar (Andromeda)","description":"Andromeda Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-avatar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-avatar.json","copy_url":"https://aicanvas.me/r/andromeda-avatar.json"},{"name":"andromeda-badge","title":"Badge (Andromeda)","description":"Andromeda Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-badge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-badge.json","copy_url":"https://aicanvas.me/r/andromeda-badge.json"},{"name":"andromeda-button-system","title":"Button (Andromeda)","description":"Andromeda Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-button-system.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-button-system.json","copy_url":"https://aicanvas.me/r/andromeda-button-system.json"},{"name":"andromeda-card","title":"Card (Andromeda)","description":"Andromeda Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is f…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-card.json","copy_url":"https://aicanvas.me/r/andromeda-card.json"},{"name":"andromeda-checkbox","title":"Checkbox (Andromeda)","description":"Andromeda Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-checkbox.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-checkbox.json","copy_url":"https://aicanvas.me/r/andromeda-checkbox.json"},{"name":"andromeda-corner-markers","title":"Corner Markers (Andromeda)","description":"Andromeda Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; s…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-corner-markers.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-corner-markers.json","copy_url":"https://aicanvas.me/r/andromeda-corner-markers.json"},{"name":"andromeda-date-range-picker","title":"Date Range Picker (Andromeda)","description":"Andromeda Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"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","copy_url":"https://aicanvas.me/r/andromeda-date-range-picker.json"},{"name":"andromeda-drawer","title":"Drawer (Andromeda)","description":"Andromeda Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-drawer.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-drawer.json","copy_url":"https://aicanvas.me/r/andromeda-drawer.json"},{"name":"andromeda-empty-state","title":"Empty State (Andromeda)","description":"Andromeda Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-empty-state.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-empty-state.json","copy_url":"https://aicanvas.me/r/andromeda-empty-state.json"},{"name":"andromeda-heat-grid","title":"Heat Grid (Andromeda)","description":"Andromeda Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-heat-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-heat-grid.json","copy_url":"https://aicanvas.me/r/andromeda-heat-grid.json"},{"name":"andromeda-icon-button","title":"Icon Button (Andromeda)","description":"Andromeda Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-icon-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-icon-button.json","copy_url":"https://aicanvas.me/r/andromeda-icon-button.json"},{"name":"andromeda-input","title":"Input (Andromeda)","description":"Andromeda Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-input.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-input.json","copy_url":"https://aicanvas.me/r/andromeda-input.json"},{"name":"andromeda-nav-item","title":"Nav Item (Andromeda)","description":"Andromeda Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-nav-item.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-nav-item.json","copy_url":"https://aicanvas.me/r/andromeda-nav-item.json"},{"name":"andromeda-panel-header","title":"Panel Header (Andromeda)","description":"Andromeda Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-panel-header.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-header.json","copy_url":"https://aicanvas.me/r/andromeda-panel-header.json"},{"name":"andromeda-panel-menu","title":"Panel Menu (Andromeda)","description":"Andromeda Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sourc…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-panel-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-menu.json","copy_url":"https://aicanvas.me/r/andromeda-panel-menu.json"},{"name":"andromeda-planet","title":"Planet (Andromeda)","description":"Andromeda Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-planet.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-planet.json","copy_url":"https://aicanvas.me/r/andromeda-planet.json"},{"name":"andromeda-progress-bar","title":"Progress Bar (Andromeda)","description":"Andromeda Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-progress-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-progress-bar.json","copy_url":"https://aicanvas.me/r/andromeda-progress-bar.json"},{"name":"andromeda-radar-chart","title":"Radar Chart (Andromeda)","description":"Andromeda Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-radar-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-radar-chart.json","copy_url":"https://aicanvas.me/r/andromeda-radar-chart.json"},{"name":"andromeda-radio","title":"Radio (Andromeda)","description":"Andromeda Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-radio.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-radio.json","copy_url":"https://aicanvas.me/r/andromeda-radio.json"},{"name":"andromeda-search-field","title":"Search Field (Andromeda)","description":"Andromeda Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-search-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-search-field.json","copy_url":"https://aicanvas.me/r/andromeda-search-field.json"},{"name":"andromeda-segmented-control","title":"Segmented Control (Andromeda)","description":"Andromeda Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-segmented-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-segmented-control.json","copy_url":"https://aicanvas.me/r/andromeda-segmented-control.json"},{"name":"andromeda-slider","title":"Slider (Andromeda)","description":"Andromeda Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-slider.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-slider.json","copy_url":"https://aicanvas.me/r/andromeda-slider.json"},{"name":"andromeda-spinner","title":"Spinner (Andromeda)","description":"Andromeda Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source i…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-spinner.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-spinner.json","copy_url":"https://aicanvas.me/r/andromeda-spinner.json"},{"name":"andromeda-stat-tile","title":"Stat Tile (Andromeda)","description":"Andromeda Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-stat-tile.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-stat-tile.json","copy_url":"https://aicanvas.me/r/andromeda-stat-tile.json"},{"name":"andromeda-table","title":"Table (Andromeda)","description":"Andromeda Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-table.json","copy_url":"https://aicanvas.me/r/andromeda-table.json"},{"name":"andromeda-tag","title":"Tag (Andromeda)","description":"Andromeda Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is fr…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-tag.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tag.json","copy_url":"https://aicanvas.me/r/andromeda-tag.json"},{"name":"andromeda-textarea","title":"Textarea (Andromeda)","description":"Andromeda Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-textarea.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-textarea.json","copy_url":"https://aicanvas.me/r/andromeda-textarea.json"},{"name":"andromeda-toggle","title":"Toggle (Andromeda)","description":"Andromeda Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-toggle.json","copy_url":"https://aicanvas.me/r/andromeda-toggle.json"},{"name":"andromeda-tooltip","title":"Tooltip (Andromeda)","description":"Andromeda Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source i…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-tooltip.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tooltip.json","copy_url":"https://aicanvas.me/r/andromeda-tooltip.json"},{"name":"andromeda-trend-chart","title":"Trend Chart (Andromeda)","description":"Andromeda Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-trend-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-trend-chart.json","copy_url":"https://aicanvas.me/r/andromeda-trend-chart.json"},{"name":"andromeda-user-card","title":"User Card (Andromeda)","description":"Andromeda User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-user-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-user-card.json","copy_url":"https://aicanvas.me/r/andromeda-user-card.json"},{"name":"andromeda-user-menu","title":"User Menu (Andromeda)","description":"Andromeda User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-user-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-user-menu.json","copy_url":"https://aicanvas.me/r/andromeda-user-menu.json"},{"name":"andromeda-metric-chart","title":"Metric Chart (Andromeda)","description":"Andromeda Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-metric-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-metric-chart.json","copy_url":"https://aicanvas.me/r/andromeda-metric-chart.json"},{"name":"andromeda-gauge","title":"Gauge (Andromeda)","description":"Andromeda Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source is …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-gauge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-gauge.json","copy_url":"https://aicanvas.me/r/andromeda-gauge.json"},{"name":"andromeda-waveform","title":"Waveform (Andromeda)","description":"Andromeda Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; source …","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-waveform.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-waveform.json","copy_url":"https://aicanvas.me/r/andromeda-waveform.json"},{"name":"andromeda-media-card","title":"Media Card (Andromeda)","description":"Andromeda Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sourc…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-media-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-media-card.json","copy_url":"https://aicanvas.me/r/andromeda-media-card.json"},{"name":"andromeda-data-table","title":"Data Table (Andromeda)","description":"Andromeda Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sourc…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-data-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-data-table.json","copy_url":"https://aicanvas.me/r/andromeda-data-table.json"},{"name":"andromeda-music-player","title":"Music Player (Andromeda)","description":"Andromeda Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-music-player.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-music-player.json","copy_url":"https://aicanvas.me/r/andromeda-music-player.json"},{"name":"andromeda-mission-control","title":"Mission Control (Andromeda)","description":"Mission Control composition from Andromeda — sci-fi dashboard. Pulls in the 12 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install.","type":"registry:block","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-mission-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-mission-control.json","copy_url":"https://aicanvas.me/r/andromeda-mission-control.json"},{"name":"andromeda-service-order","title":"Service Order (Andromeda)","description":"Service Order composition from Andromeda — telecom dashboard. Pulls in the 15 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install.","type":"registry:block","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-service-order.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-service-order.json","copy_url":"https://aicanvas.me/r/andromeda-service-order.json"},{"name":"andromeda-resource-planning","title":"Resource Planning (Andromeda)","description":"Resource Planning composition from Andromeda — operations dashboard. Pulls in the 13 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to i…","type":"registry:block","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-resource-planning.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-resource-planning.json","copy_url":"https://aicanvas.me/r/andromeda-resource-planning.json"},{"name":"andromeda-signal-room","title":"Signal Room (Andromeda)","description":"Signal Room composition from Andromeda — audio dashboard. Pulls in the 16 Andromeda components it uses, plus tokens. Requires AI Canvas Premium to install.","type":"registry:block","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-signal-room.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-signal-room.json","copy_url":"https://aicanvas.me/r/andromeda-signal-room.json"},{"name":"andromeda-all","title":"Andromeda — full system","description":"Every Andromeda component, token, and template, plus the Andromeda brain, in one install. Requires AI Canvas Premium to install.","type":"registry:style","tags":["aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-all.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-all.json","copy_url":"https://aicanvas.me/r/andromeda-all.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.vercel.app/registry/algolia","markdown":"https://sh4dcn.vercel.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":22,"open_issues":4,"last_commit":"2026-05-28T14:27:45Z"},"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","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/dropdown-search.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/dropdown-search.json","copy_url":"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","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/search.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/search.json","copy_url":"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","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/search-ai.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/search-ai.json","copy_url":"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","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/sidepanel-askai.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/sidepanel-askai.json","copy_url":"https://sitesearch.algolia.com/r/sidepanel-askai.json"}]},{"id":"aliimam","name":"@aliimam","slug":"aliimam","description":"Personal shadcn/ui-based component registry by Ali Imam designed as a starting point for building your own component library. Provides a curated set of beautifully designed, customizable, open-source React components built with Tailwind CSS. Positioned as copy-paste source code to own and extend rather than a published package dependency. Free, MIT-licensed. Use for: bootstrapping the visual foundation of a new design system by forking well-crafted base components that already match the shadcn/ui integration pattern.","author":"aliimam-in","framework":"react","license":null,"tags":["components","design-system"],"categories":["Personal/portfolio registry"],"labels":["featured"],"urls":{"website":"https://aliimam.in","github":"https://github.com/aliimam-in/aliimam","registry":"https://aliimam.in/r/{name}.json","source":"https://aliimam.in/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/aliimam","markdown":"https://sh4dcn.vercel.app/md/aliimam.md"},"logo":"<svg width='251' height='251' viewBox='0 0 251 251' xmlns='http://www.w3.org/2000/svg'><path d='M251 133.637C251 104.974 227.775 81.7511 199.109 81.7511H192.561L174.235 33.4682C166.603 13.3308 147.312 0.0235526 125.783 0H125.712C104.206 0 84.9386 13.2601 77.2362 33.3505L58.7221 81.7511H51.8912C23.225 81.7511 0 104.974 0 133.637C0 151.396 8.92727 167.059 22.5184 176.409L20.9402 180.554C10.6939 207.31 24.0966 237.316 50.8784 247.561C77.6366 257.783 107.645 244.405 117.892 217.626L125.547 197.63L133.085 217.508C140.952 238.235 160.667 251 181.608 251C187.732 251 193.95 249.917 200.004 247.608C226.786 237.434 240.283 207.475 230.107 180.672L228.482 176.409C242.073 167.059 251 151.396 251 133.637Z' fill='currentColor'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":77,"open_issues":1,"last_commit":"2026-06-23T04:11:27Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/aliimam-in/aliimam.git","clone_degit":"npx degit aliimam-in/aliimam","registry_fetch":"curl -s https://aliimam.in/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":"Subhan-code","framework":"react","license":"MIT","tags":["animation"],"categories":["Animated components"],"labels":["popular","recently-updated"],"urls":{"website":"https://amicro.vercel.app","github":"https://github.com/Subhan-code/Amicro--Micro-transitions-","registry":"https://amicro.vercel.app/r/{name}.json","source":"https://amicro.vercel.app/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/amicro","markdown":"https://sh4dcn.vercel.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":1179,"open_issues":4,"last_commit":"2026-07-27T05:17:43Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/Subhan-code/Amicro--Micro-transitions-.git","clone_degit":"npx degit Subhan-code/Amicro--Micro-transitions-","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.vercel.app/registry/amplo","markdown":"https://sh4dcn.vercel.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.0dpqiwjyy2xbn.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15,"open_issues":1,"last_commit":"2026-07-07T23:53:37Z"},"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":6,"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","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"source_url":"https://amplo.ale.design/r/color-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/color-picker.json","copy_url":"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","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"source_url":"https://amplo.ale.design/r/gradient-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/gradient-picker.json","copy_url":"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","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"source_url":"https://amplo.ale.design/r/fill-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/fill-picker.json","copy_url":"https://amplo.ale.design/r/fill-picker.json"},{"name":"color-picker-radix","title":"Amplo Color Picker (Radix)","description":"OKLCH-native, Display-P3-aware composable color picker with WCAG/APCA contrast metrics, gamut detection, and full keyboard accessibility.","type":"registry:ui","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://amplo.ale.design/r/color-picker-radix.json"},{"name":"gradient-picker-radix","title":"Amplo Gradient Picker","description":"Composable gradient picker (linear / radial / conic) built on the Amplo color picker. CSS Color 4 interpolation, per-stop format state, keyboard-accessible ang…","type":"registry:ui","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://amplo.ale.design/r/gradient-picker-radix.json"},{"name":"fill-picker-radix","title":"Amplo Fill Picker","description":"OKLCH-native, Display-P3-aware composable fill picker (color today; gradients, images, and video on the way) with WCAG/APCA contrast metrics, gamut detection, …","type":"registry:ui","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://amplo.ale.design/r/fill-picker-radix.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","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"labels":["featured","popular"],"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.vercel.app/registry/animate-ui","markdown":"https://sh4dcn.vercel.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","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3777,"open_issues":16,"last_commit":"2025-12-31T12:51:05Z"},"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":"index","title":null,"description":null,"type":"registry:style","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/index.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/index.json","copy_url":"https://animate-ui.com/r/index.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-avatar-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-avatar-group.json","copy_url":"https://animate-ui.com/r/components-animate-avatar-group.json"},{"name":"components-animate-code","title":"Code","description":"A code component that animates the code as it is written.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-code.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-code.json","copy_url":"https://animate-ui.com/r/components-animate-code.json"},{"name":"components-animate-code-tabs","title":"Code Tabs","description":"A tabs component that displays code for different languages.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-code-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-code-tabs.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-cursor.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-cursor.json","copy_url":"https://animate-ui.com/r/components-animate-cursor.json"},{"name":"components-animate-github-stars-wheel","title":"GitHub Stars Wheel","description":"A scrolling wheel that displays GitHub stars count.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-github-stars-wheel.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-github-stars-wheel.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-tabs.json","copy_url":"https://animate-ui.com/r/components-animate-tabs.json"},{"name":"components-animate-tooltip","title":"Tooltip","description":"A tooltip is a small box that appears when hovering over an element.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-animate-tooltip.json","copy_url":"https://animate-ui.com/r/components-animate-tooltip.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:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-bubble.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-bubble.json","copy_url":"https://animate-ui.com/r/components-backgrounds-bubble.json"},{"name":"components-backgrounds-fireworks","title":"Fireworks Background","description":"A background component that displays a fireworks animation.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-fireworks.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-fireworks.json","copy_url":"https://animate-ui.com/r/components-backgrounds-fireworks.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:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-gradient.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-gradient.json","copy_url":"https://animate-ui.com/r/components-backgrounds-gradient.json"},{"name":"components-backgrounds-gravity-stars","title":"Gravity Stars Background","description":"A background component featuring a subtle yet engaging animated gravity stars effect.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-gravity-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-gravity-stars.json","copy_url":"https://animate-ui.com/r/components-backgrounds-gravity-stars.json"},{"name":"components-backgrounds-hexagon","title":"Hexagon Background","description":"A background component featuring an interactive hexagon grid.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-hexagon.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-hexagon.json","copy_url":"https://animate-ui.com/r/components-backgrounds-hexagon.json"},{"name":"components-backgrounds-hole","title":"Hole Background","description":"A background component featuring an animated hole grid.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-hole.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-hole.json","copy_url":"https://animate-ui.com/r/components-backgrounds-hole.json"},{"name":"components-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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-backgrounds-stars.json","copy_url":"https://animate-ui.com/r/components-backgrounds-stars.json"},{"name":"components-base-accordion","title":"Accordion","description":"A set of collapsible panels with headings.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-accordion.json","copy_url":"https://animate-ui.com/r/components-base-accordion.json"},{"name":"components-base-alert-dialog","title":"Alert Dialog","description":"A dialog that requires user response to proceed.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-alert-dialog.json","copy_url":"https://animate-ui.com/r/components-base-alert-dialog.json"},{"name":"components-base-checkbox","title":"Checkbox","description":"An easily stylable checkbox component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-checkbox.json","copy_url":"https://animate-ui.com/r/components-base-checkbox.json"},{"name":"components-base-dialog","title":"Dialog","description":"A popup that opens on top of the entire page.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-dialog.json","copy_url":"https://animate-ui.com/r/components-base-dialog.json"},{"name":"components-base-files","title":"Files","description":"A component that allows you to display a list of files and folders.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-files.json","copy_url":"https://animate-ui.com/r/components-base-files.json"},{"name":"components-base-menu","title":"Menu","description":"A list of actions in a dropdown, enhanced with keyboard navigation.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-menu.json","copy_url":"https://animate-ui.com/r/components-base-menu.json"},{"name":"components-base-popover","title":"Popover","description":"An accessible popup anchored to a button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-popover.json","copy_url":"https://animate-ui.com/r/components-base-popover.json"},{"name":"components-base-preview-card","title":"Preview Card","description":"A popup that appears when a link is hovered, showing a preview for sighted users.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-preview-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-preview-card.json","copy_url":"https://animate-ui.com/r/components-base-preview-card.json"},{"name":"components-base-preview-link-card","title":"Preview Link Card","description":"Displays a preview image of a link when hovered.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-preview-link-card.json","copy_url":"https://animate-ui.com/r/components-base-preview-link-card.json"},{"name":"components-base-progress","title":"Progress","description":"Displays the status of a task that takes a long time.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-progress.json","copy_url":"https://animate-ui.com/r/components-base-progress.json"},{"name":"components-base-radio","title":"Base Radio","description":"An easily stylable radio button component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-radio.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-radio.json","copy_url":"https://animate-ui.com/r/components-base-radio.json"},{"name":"components-base-switch","title":"Switch","description":"A control that indicates whether a setting is on or off.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-switch.json","copy_url":"https://animate-ui.com/r/components-base-switch.json"},{"name":"components-base-tabs","title":"Tabs","description":"A component for toggling between related panels on the same page.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-tabs.json","copy_url":"https://animate-ui.com/r/components-base-tabs.json"},{"name":"components-base-toggle","title":"Toggle","description":"A two-state button that can be on or off.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-toggle.json","copy_url":"https://animate-ui.com/r/components-base-toggle.json"},{"name":"components-base-toggle-group","title":"Toggle Group","description":"Provides a shared state to a series of toggle buttons.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-toggle-group.json","copy_url":"https://animate-ui.com/r/components-base-toggle-group.json"},{"name":"components-base-tooltip","title":"Tooltip","description":"A popup that appears when an element is hovered or focused, showing a hint for sighted users.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-base-tooltip.json","copy_url":"https://animate-ui.com/r/components-base-tooltip.json"},{"name":"components-buttons-button","title":"Button","description":"A button component with a variety of styles and animations.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-button.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-button.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-copy.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-copy.json","copy_url":"https://animate-ui.com/r/components-buttons-copy.json"},{"name":"components-buttons-flip","title":"Flip Button","description":"A button that flips between two states on hover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-flip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-flip.json","copy_url":"https://animate-ui.com/r/components-buttons-flip.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-github-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-github-stars.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-icon.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-icon.json","copy_url":"https://animate-ui.com/r/components-buttons-icon.json"},{"name":"components-buttons-liquid","title":"Liquid Button","description":"A button that fills on hover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-liquid.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-liquid.json","copy_url":"https://animate-ui.com/r/components-buttons-liquid.json"},{"name":"components-buttons-ripple","title":"Ripple Button","description":"A button that animates on tap with a ripple effect.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-ripple.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-ripple.json","copy_url":"https://animate-ui.com/r/components-buttons-ripple.json"},{"name":"components-buttons-theme-toggler","title":"Theme Toggler Button","description":"A button that toggles the theme gradually.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-theme-toggler.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-buttons-theme-toggler.json","copy_url":"https://animate-ui.com/r/components-buttons-theme-toggler.json"},{"name":"components-community-flip-card","title":"Flip Card","description":"A 3D animated card component that flips to reveal content on the back.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-flip-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-flip-card.json","copy_url":"https://animate-ui.com/r/components-community-flip-card.json"},{"name":"components-community-management-bar","title":"Management Bar","description":"A management bar for managing items.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-management-bar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-management-bar.json","copy_url":"https://animate-ui.com/r/components-community-management-bar.json"},{"name":"components-community-motion-carousel","title":"Motion Carousel","description":"A carousel built on top of Embla Carousel with smooth Motion-powered animations. Each slide scales dynamically based on its active state, and the pagination us…","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-motion-carousel.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-motion-carousel.json","copy_url":"https://animate-ui.com/r/components-community-motion-carousel.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-notification-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-notification-list.json","copy_url":"https://animate-ui.com/r/components-community-notification-list.json"},{"name":"components-community-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:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-pin-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-pin-list.json","copy_url":"https://animate-ui.com/r/components-community-pin-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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-playful-todolist.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-playful-todolist.json","copy_url":"https://animate-ui.com/r/components-community-playful-todolist.json"},{"name":"components-community-radial-intro","title":"Radial Intro","description":"A circular intro animation component that arranges elements in a radial layout, smoothly transitioning them into orbit with looping motion.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-intro.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-radial-intro.json","copy_url":"https://animate-ui.com/r/components-community-radial-intro.json"},{"name":"components-community-radial-menu","title":"Radial Menu","description":"A circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-radial-menu.json","copy_url":"https://animate-ui.com/r/components-community-radial-menu.json"},{"name":"components-community-radial-nav","title":"Radial Nav","description":"A circular navigation menu with animated pointer and expanding buttons for smooth interactive transitions.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-nav.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-radial-nav.json","copy_url":"https://animate-ui.com/r/components-community-radial-nav.json"},{"name":"components-community-share-button","title":"Share Button","description":"This is a button for sharing.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-share-button.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-share-button.json","copy_url":"https://animate-ui.com/r/components-community-share-button.json"},{"name":"components-community-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:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-user-presence-avatar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-community-user-presence-avatar.json","copy_url":"https://animate-ui.com/r/components-community-user-presence-avatar.json"},{"name":"components-headless-accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal an associated section of content.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-accordion.json","copy_url":"https://animate-ui.com/r/components-headless-accordion.json"},{"name":"components-headless-checkbox","title":"Checkbox","description":"Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-checkbox.json","copy_url":"https://animate-ui.com/r/components-headless-checkbox.json"},{"name":"components-headless-dialog","title":"Dialog","description":"A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-dialog.json","copy_url":"https://animate-ui.com/r/components-headless-dialog.json"},{"name":"components-headless-popover","title":"Popover","description":"Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-popover.json","copy_url":"https://animate-ui.com/r/components-headless-popover.json"},{"name":"components-headless-switch","title":"Switch","description":"Switches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-switch.json","copy_url":"https://animate-ui.com/r/components-headless-switch.json"},{"name":"components-headless-tabs","title":"Tabs","description":"Easily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-headless-tabs.json","copy_url":"https://animate-ui.com/r/components-headless-tabs.json"},{"name":"components-radix-accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal an associated section of content.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-accordion.json","copy_url":"https://animate-ui.com/r/components-radix-accordion.json"},{"name":"components-radix-alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-alert-dialog.json","copy_url":"https://animate-ui.com/r/components-radix-alert-dialog.json"},{"name":"components-radix-checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-checkbox.json","copy_url":"https://animate-ui.com/r/components-radix-checkbox.json"},{"name":"components-radix-dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-dialog.json","copy_url":"https://animate-ui.com/r/components-radix-dialog.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-dropdown-menu.json","copy_url":"https://animate-ui.com/r/components-radix-dropdown-menu.json"},{"name":"components-radix-files","title":"Files","description":"A component that allows you to display a list of files and folders.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-files.json","copy_url":"https://animate-ui.com/r/components-radix-files.json"},{"name":"components-radix-hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-hover-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-hover-card.json","copy_url":"https://animate-ui.com/r/components-radix-hover-card.json"},{"name":"components-radix-popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-popover.json","copy_url":"https://animate-ui.com/r/components-radix-popover.json"},{"name":"components-radix-preview-link-card","title":"Preview Link Card","description":"Displays a preview image of a link when hovered.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-preview-link-card.json","copy_url":"https://animate-ui.com/r/components-radix-preview-link-card.json"},{"name":"components-radix-progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-progress.json","copy_url":"https://animate-ui.com/r/components-radix-progress.json"},{"name":"components-radix-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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-radio-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-radio-group.json","copy_url":"https://animate-ui.com/r/components-radix-radio-group.json"},{"name":"components-radix-sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-sheet.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-sheet.json","copy_url":"https://animate-ui.com/r/components-radix-sheet.json"},{"name":"components-radix-sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component. Created by Shadcn and animated by Animate UI.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-sidebar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-sidebar.json","copy_url":"https://animate-ui.com/r/components-radix-sidebar.json"},{"name":"components-radix-switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-switch.json","copy_url":"https://animate-ui.com/r/components-radix-switch.json"},{"name":"components-radix-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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-tabs.json","copy_url":"https://animate-ui.com/r/components-radix-tabs.json"},{"name":"components-radix-toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-toggle.json","copy_url":"https://animate-ui.com/r/components-radix-toggle.json"},{"name":"components-radix-toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-toggle-group.json","copy_url":"https://animate-ui.com/r/components-radix-toggle-group.json"},{"name":"components-radix-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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-radix-tooltip.json","copy_url":"https://animate-ui.com/r/components-radix-tooltip.json"},{"name":"demo-components-animate-avatar-group","title":"Avatar Group Demo","description":"Demo showing a avatar group.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-avatar-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-avatar-group.json","copy_url":"https://animate-ui.com/r/demo-components-animate-avatar-group.json"},{"name":"demo-components-animate-code","title":"Code Demo","description":"Demo showing a code.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-code.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-code.json","copy_url":"https://animate-ui.com/r/demo-components-animate-code.json"},{"name":"demo-components-animate-code-tabs","title":"Code Tabs Demo","description":"Demo showing a code tabs.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-code-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-code-tabs.json","copy_url":"https://animate-ui.com/r/demo-components-animate-code-tabs.json"},{"name":"demo-components-animate-cursor","title":"Cursor Demo","description":"Demo showing a cursor.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-cursor.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-cursor.json","copy_url":"https://animate-ui.com/r/demo-components-animate-cursor.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-github-stars-wheel.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-github-stars-wheel.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-tabs.json","copy_url":"https://animate-ui.com/r/demo-components-animate-tabs.json"},{"name":"demo-components-animate-tooltip","title":"Animate Tooltip Demo","description":"Demo showing an animated tooltip.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-animate-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-animate-tooltip.json","copy_url":"https://animate-ui.com/r/demo-components-animate-tooltip.json"},{"name":"demo-components-backgrounds-bubble","title":"Bubble Background Demo","description":"Demo showing a bubble background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-bubble.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-bubble.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-bubble.json"},{"name":"demo-components-backgrounds-fireworks","title":"Fireworks Background Demo","description":"Demo showing a fireworks background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-fireworks.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-fireworks.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-fireworks.json"},{"name":"demo-components-backgrounds-fireworks-circle","title":"Fireworks Circle Background Demo","description":"Demo showing a fireworks circle background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-fireworks-circle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-fireworks-circle.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-fireworks-circle.json"},{"name":"demo-components-backgrounds-gradient","title":"Gradient Background Demo","description":"Demo showing a gradient background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-gradient.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-gradient.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-gradient.json"},{"name":"demo-components-backgrounds-gravity-stars","title":"Gravity Stars Background Demo","description":"Demo showing a gravity stars background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-gravity-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-gravity-stars.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-gravity-stars.json"},{"name":"demo-components-backgrounds-hexagon","title":"Hexagon Background Demo","description":"Demo showing a hexagon background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-hexagon.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-hexagon.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-hexagon.json"},{"name":"demo-components-backgrounds-hole","title":"Hole Background Demo","description":"Demo showing a hole background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-hole.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-hole.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-hole.json"},{"name":"demo-components-backgrounds-stars","title":"Stars Background Demo","description":"Demo showing a stars background.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-backgrounds-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-backgrounds-stars.json","copy_url":"https://animate-ui.com/r/demo-components-backgrounds-stars.json"},{"name":"demo-components-base-accordion","title":"Accordion Demo","description":"Demo showing a accordion.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-accordion.json","copy_url":"https://animate-ui.com/r/demo-components-base-accordion.json"},{"name":"demo-components-base-alert-dialog","title":"Alert Dialog Demo","description":"Demo showing a alert dialog.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-alert-dialog.json","copy_url":"https://animate-ui.com/r/demo-components-base-alert-dialog.json"},{"name":"demo-components-base-checkbox","title":"Checkbox Demo","description":"Demo showing a checkbox.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-checkbox.json","copy_url":"https://animate-ui.com/r/demo-components-base-checkbox.json"},{"name":"demo-components-base-dialog","title":"Dialog Demo","description":"Demo showing a dialog.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-dialog.json","copy_url":"https://animate-ui.com/r/demo-components-base-dialog.json"},{"name":"demo-components-base-files","title":"Files Demo","description":"Demo showing a files.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-files.json","copy_url":"https://animate-ui.com/r/demo-components-base-files.json"},{"name":"demo-components-base-menu","title":"Menu Demo","description":"Demo showing a menu.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-menu.json","copy_url":"https://animate-ui.com/r/demo-components-base-menu.json"},{"name":"demo-components-base-menu-checkbox","title":"Menu Checkbox Demo","description":"Demo showing a menu checkbox.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-menu-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-menu-checkbox.json","copy_url":"https://animate-ui.com/r/demo-components-base-menu-checkbox.json"},{"name":"demo-components-base-menu-radio","title":"Menu Radio Demo","description":"Demo showing a menu radio.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-menu-radio.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-menu-radio.json","copy_url":"https://animate-ui.com/r/demo-components-base-menu-radio.json"},{"name":"demo-components-base-popover","title":"Popover Demo","description":"Demo showing a popover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-popover.json","copy_url":"https://animate-ui.com/r/demo-components-base-popover.json"},{"name":"demo-components-base-preview-card","title":"Preview Card Demo","description":"Demo showing a preview card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-preview-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-preview-card.json","copy_url":"https://animate-ui.com/r/demo-components-base-preview-card.json"},{"name":"demo-components-base-preview-link-card","title":"Preview Link Card Demo","description":"Demo showing a preview link card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-preview-link-card.json","copy_url":"https://animate-ui.com/r/demo-components-base-preview-link-card.json"},{"name":"demo-components-base-progress","title":"Progress Demo","description":"Demo showing a progress bar.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-progress.json","copy_url":"https://animate-ui.com/r/demo-components-base-progress.json"},{"name":"demo-components-base-radio","title":"Base Radio Demo","description":"Demo showing a base radio.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-radio.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-radio.json","copy_url":"https://animate-ui.com/r/demo-components-base-radio.json"},{"name":"demo-components-base-switch","title":"Switch Demo","description":"Demo showing a switch.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-switch.json","copy_url":"https://animate-ui.com/r/demo-components-base-switch.json"},{"name":"demo-components-base-tabs","title":"Base Tabs Demo","description":"Demo showing a base tabs.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-tabs.json","copy_url":"https://animate-ui.com/r/demo-components-base-tabs.json"},{"name":"demo-components-base-toggle","title":"Toggle Demo","description":"Demo showing a toggle.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-toggle.json","copy_url":"https://animate-ui.com/r/demo-components-base-toggle.json"},{"name":"demo-components-base-toggle-group","title":"Toggle Group Demo","description":"Demo showing a toggle group.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-toggle-group.json","copy_url":"https://animate-ui.com/r/demo-components-base-toggle-group.json"},{"name":"demo-components-base-tooltip","title":"Tooltip Demo","description":"Demo showing a tooltip.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-base-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-base-tooltip.json","copy_url":"https://animate-ui.com/r/demo-components-base-tooltip.json"},{"name":"demo-components-buttons-button","title":"Button Demo","description":"Demo showing a button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-button.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-button.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-copy.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-copy.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-copy.json"},{"name":"demo-components-buttons-flip","title":"Flip Button Demo","description":"Demo showing a flip button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-flip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-flip.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-flip.json"},{"name":"demo-components-buttons-github-stars","title":"GitHub Stars Button Demo","description":"Demo showing a GitHub stars button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-github-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-github-stars.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-github-stars.json"},{"name":"demo-components-buttons-icon","title":"Icon Button Demo","description":"Demo showing an icon button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-icon.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-icon.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-icon.json"},{"name":"demo-components-buttons-liquid","title":"Liquid Button Demo","description":"Demo showing a liquid button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-liquid.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-liquid.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-liquid.json"},{"name":"demo-components-buttons-ripple","title":"Ripple Button Demo","description":"Demo showing a ripple button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-ripple.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-ripple.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-ripple.json"},{"name":"demo-components-buttons-theme-toggler","title":"Theme Toggler Button Demo","description":"Demo showing a theme toggler button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-buttons-theme-toggler.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-buttons-theme-toggler.json","copy_url":"https://animate-ui.com/r/demo-components-buttons-theme-toggler.json"},{"name":"demo-components-community-flip-card","title":"Flip Card Demo","description":"Demo showing the flip card component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-flip-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-flip-card.json","copy_url":"https://animate-ui.com/r/demo-components-community-flip-card.json"},{"name":"demo-components-community-management-bar","title":"Management Bar Demo","description":"Demo showing a management bar.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-management-bar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-management-bar.json","copy_url":"https://animate-ui.com/r/demo-components-community-management-bar.json"},{"name":"demo-components-community-motion-carousel","title":"Motion Carousel Demo","description":"Demo showing motion carousel.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-motion-carousel.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-motion-carousel.json","copy_url":"https://animate-ui.com/r/demo-components-community-motion-carousel.json"},{"name":"demo-components-community-notification-list","title":"Notification List Demo","description":"Demo showing a notification list.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-notification-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-notification-list.json","copy_url":"https://animate-ui.com/r/demo-components-community-notification-list.json"},{"name":"demo-components-community-pin-list","title":"Pin List Demo","description":"Demo showing a pin list.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-pin-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-pin-list.json","copy_url":"https://animate-ui.com/r/demo-components-community-pin-list.json"},{"name":"demo-components-community-playful-todolist","title":"Playful Todolist Demo","description":"Demo showing a playful todolist.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-playful-todolist.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-playful-todolist.json","copy_url":"https://animate-ui.com/r/demo-components-community-playful-todolist.json"},{"name":"demo-components-community-radial-intro","title":"Radial Intro Demo","description":"Demo showing radial intro.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-radial-intro.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-radial-intro.json","copy_url":"https://animate-ui.com/r/demo-components-community-radial-intro.json"},{"name":"demo-components-community-radial-menu","title":"Radial Menu Demo","description":"Demo Radial Menu.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-radial-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-radial-menu.json","copy_url":"https://animate-ui.com/r/demo-components-community-radial-menu.json"},{"name":"demo-components-community-radial-nav","title":"Radial Nav Demo","description":"Demo Radial Nav.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-radial-nav.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-radial-nav.json","copy_url":"https://animate-ui.com/r/demo-components-community-radial-nav.json"},{"name":"demo-components-community-share-button","title":"Share Button Demo","description":"Demo showing a share button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-share-button.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-share-button.json","copy_url":"https://animate-ui.com/r/demo-components-community-share-button.json"},{"name":"demo-components-community-user-presence-avatar","title":"User Presence Avatar Demo","description":"Demo showing a user presence avatar.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-community-user-presence-avatar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-community-user-presence-avatar.json","copy_url":"https://animate-ui.com/r/demo-components-community-user-presence-avatar.json"},{"name":"demo-components-headless-accordion","title":"Accordion Demo","description":"Demo showing a accordion.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-accordion.json","copy_url":"https://animate-ui.com/r/demo-components-headless-accordion.json"},{"name":"demo-components-headless-checkbox","title":"Checkbox Demo","description":"Demo showing a checkbox.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-checkbox.json","copy_url":"https://animate-ui.com/r/demo-components-headless-checkbox.json"},{"name":"demo-components-headless-dialog","title":"Dialog Demo","description":"Demo showing a dialog.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-dialog.json","copy_url":"https://animate-ui.com/r/demo-components-headless-dialog.json"},{"name":"demo-components-headless-popover","title":"Popover Demo","description":"Demo showing a popover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-popover.json","copy_url":"https://animate-ui.com/r/demo-components-headless-popover.json"},{"name":"demo-components-headless-switch","title":"Headless Switch Demo","description":"Demo showing a headless switch.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-switch.json","copy_url":"https://animate-ui.com/r/demo-components-headless-switch.json"},{"name":"demo-components-headless-tabs","title":"Headless Tabs Demo","description":"Demo showing a headless tabs.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-headless-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-headless-tabs.json","copy_url":"https://animate-ui.com/r/demo-components-headless-tabs.json"},{"name":"demo-components-radix-accordion","title":"Accordion Demo","description":"Demo showing a accordion.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-accordion.json","copy_url":"https://animate-ui.com/r/demo-components-radix-accordion.json"},{"name":"demo-components-radix-alert-dialog","title":"Alert Dialog Demo","description":"Demo showing a alert dialog.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-alert-dialog.json","copy_url":"https://animate-ui.com/r/demo-components-radix-alert-dialog.json"},{"name":"demo-components-radix-checkbox","title":"Checkbox Demo","description":"Demo showing a checkbox.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-checkbox.json","copy_url":"https://animate-ui.com/r/demo-components-radix-checkbox.json"},{"name":"demo-components-radix-dialog","title":"Dialog Demo","description":"Demo showing a dialog.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-dialog.json","copy_url":"https://animate-ui.com/r/demo-components-radix-dialog.json"},{"name":"demo-components-radix-dropdown-menu","title":"Dropdown Menu Demo","description":"Demo showing a dropdown menu.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-dropdown-menu.json","copy_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu.json"},{"name":"demo-components-radix-dropdown-menu-checkbox","title":"Dropdown Menu Checkbox Demo","description":"Demo showing a dropdown menu with a checkbox.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-dropdown-menu-checkbox.json","copy_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu-checkbox.json"},{"name":"demo-components-radix-dropdown-menu-radio","title":"Dropdown Menu Radio Demo","description":"Demo showing a dropdown menu with a radio.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu-radio.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-dropdown-menu-radio.json","copy_url":"https://animate-ui.com/r/demo-components-radix-dropdown-menu-radio.json"},{"name":"demo-components-radix-files","title":"Files Demo","description":"Demo showing a files.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-files.json","copy_url":"https://animate-ui.com/r/demo-components-radix-files.json"},{"name":"demo-components-radix-hover-card","title":"Hover Card Demo","description":"Demo showing a hover card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-hover-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-hover-card.json","copy_url":"https://animate-ui.com/r/demo-components-radix-hover-card.json"},{"name":"demo-components-radix-popover","title":"Popover Demo","description":"Demo showing a popover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-popover.json","copy_url":"https://animate-ui.com/r/demo-components-radix-popover.json"},{"name":"demo-components-radix-preview-link-card","title":"Preview Link Card Demo","description":"Demo showing a preview link card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-preview-link-card.json","copy_url":"https://animate-ui.com/r/demo-components-radix-preview-link-card.json"},{"name":"demo-components-radix-progress","title":"Radix Progress Demo","description":"Demo showing a radix progress.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-progress.json","copy_url":"https://animate-ui.com/r/demo-components-radix-progress.json"},{"name":"demo-components-radix-radio-group","title":"Radix Radio Group Demo","description":"Demo showing a radix radio group.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-radio-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-radio-group.json","copy_url":"https://animate-ui.com/r/demo-components-radix-radio-group.json"},{"name":"demo-components-radix-sheet","title":"Radix Sheet Demo","description":"Demo showing a radix sheet.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-sheet.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-sheet.json","copy_url":"https://animate-ui.com/r/demo-components-radix-sheet.json"},{"name":"demo-components-radix-sidebar","title":"Radix Sidebar Demo","description":"Demo showing a radix sidebar.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-sidebar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-sidebar.json","copy_url":"https://animate-ui.com/r/demo-components-radix-sidebar.json"},{"name":"demo-components-radix-switch","title":"Radix Switch Demo","description":"Demo showing a radix switch.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-switch.json","copy_url":"https://animate-ui.com/r/demo-components-radix-switch.json"},{"name":"demo-components-radix-tabs","title":"Radix Tabs Demo","description":"Demo showing a radix tabs.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-tabs.json","copy_url":"https://animate-ui.com/r/demo-components-radix-tabs.json"},{"name":"demo-components-radix-toggle","title":"Radix Toggle Demo","description":"Demo showing a radix toggle.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-toggle.json","copy_url":"https://animate-ui.com/r/demo-components-radix-toggle.json"},{"name":"demo-components-radix-toggle-group","title":"Radix Toggle Group Demo","description":"Demo showing a radix toggle group.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-toggle-group.json","copy_url":"https://animate-ui.com/r/demo-components-radix-toggle-group.json"},{"name":"demo-components-radix-tooltip","title":"Radix Tooltip Demo","description":"Demo showing a radix tooltip.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-components-radix-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-components-radix-tooltip.json","copy_url":"https://animate-ui.com/r/demo-components-radix-tooltip.json"},{"name":"demo-primitives-animate-avatar-group","title":"Animate Avatar Group Demo","description":"Demo showing an animated avatar group.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-avatar-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-avatar-group.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-code-block.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-code-block.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-cursor.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-cursor.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-github-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-github-stars.json","copy_url":"https://animate-ui.com/r/demo-primitives-animate-github-stars.json"},{"name":"demo-primitives-animate-motion-grid","title":"Animate Motion Grid Demo","description":"Demo showing an animated motion grid.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-motion-grid.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-motion-grid.json","copy_url":"https://animate-ui.com/r/demo-primitives-animate-motion-grid.json"},{"name":"demo-primitives-animate-pinned-list","title":"Animate Pinned List Demo","description":"Demo showing an animated pinned list.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-pinned-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-pinned-list.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-scroll-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-scroll-progress.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-spring.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-spring.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-tabs.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-animate-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-animate-tooltip.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-accordion.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-alert-dialog.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-checkbox.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-collapsible.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-collapsible.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-dialog.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-files.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-menu.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-popover.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-preview-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-preview-card.json","copy_url":"https://animate-ui.com/r/demo-primitives-base-preview-card.json"},{"name":"demo-primitives-base-preview-link-card","title":"Base Preview Link Card Demo","description":"Demo showing an animated base preview link card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-preview-link-card.json","copy_url":"https://animate-ui.com/r/demo-primitives-base-preview-link-card.json"},{"name":"demo-primitives-base-progress","title":"Base Progress Demo","description":"Demo showing an animated base progress.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-progress.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-radio.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-radio.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-switch.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-tabs.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-toggle.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-toggle-group.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-base-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-base-tooltip.json","copy_url":"https://animate-ui.com/r/demo-primitives-base-tooltip.json"},{"name":"demo-primitives-buttons-button","title":"Button Demo","description":"Demo showing a button.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-buttons-button.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-buttons-button.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-buttons-flip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-buttons-flip.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-buttons-liquid.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-buttons-liquid.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-buttons-ripple.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-buttons-ripple.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-auto-height.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-auto-height.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-blur.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-blur.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-blur.json"},{"name":"demo-primitives-effects-click","title":"Click Demo","description":"Demo showing an animated click.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-click.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-click.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-click.json"},{"name":"demo-primitives-effects-effect","title":"Effect Demo","description":"Demo showing an animated effect.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-effect.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-effect.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-effect.json"},{"name":"demo-primitives-effects-fade","title":"Fade Demo","description":"Demo showing an animated fade.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-fade.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-fade.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-fade.json"},{"name":"demo-primitives-effects-highlight","title":"Highlight Demo","description":"Demo showing an animated highlight.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-highlight.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-highlight.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-image-zoom.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-image-zoom.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-magnetic.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-magnetic.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-magnetic.json"},{"name":"demo-primitives-effects-particles","title":"Particles Demo","description":"Demo showing an animated particles.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-particles.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-particles.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-particles.json"},{"name":"demo-primitives-effects-shine","title":"Shine Demo","description":"Demo showing an animated shine.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-shine.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-shine.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-shine.json"},{"name":"demo-primitives-effects-slide","title":"Slide Demo","description":"Demo showing an animated slide.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-slide.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-slide.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-theme-toggler.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-theme-toggler.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-tilt.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-tilt.json","copy_url":"https://animate-ui.com/r/demo-primitives-effects-tilt.json"},{"name":"demo-primitives-effects-zoom","title":"Zoom Demo","description":"Demo showing an animated zoom.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-effects-zoom.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-effects-zoom.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-checkbox.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-dialog.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-disclosure.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-disclosure.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-popover.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-switch.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-headless-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-headless-tabs.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-accordion.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-accordion.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-alert-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-alert-dialog.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-checkbox.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-checkbox.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-collapsible.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-collapsible.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-dialog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-dialog.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-dropdown-menu.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-files.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-files.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-hover-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-hover-card.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-popover.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-popover.json","copy_url":"https://animate-ui.com/r/demo-primitives-radix-popover.json"},{"name":"demo-primitives-radix-preview-link-card","title":"Radix Preview Link Card Demo","description":"Demo showing an animated radix preview link card.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-preview-link-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-preview-link-card.json","copy_url":"https://animate-ui.com/r/demo-primitives-radix-preview-link-card.json"},{"name":"demo-primitives-radix-progress","title":"Radix Progress Demo","description":"Demo showing an animated radix progress.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-progress.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-progress.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-radio-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-radio-group.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-sheet.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-sheet.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-switch.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-switch.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-tabs.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-tabs.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-toggle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-toggle.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-toggle-group.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-toggle-group.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-radix-tooltip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-radix-tooltip.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-counting-number.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-counting-number.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-gradient.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-gradient.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-highlight.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-highlight.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-morphing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-morphing.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-rolling.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-rolling.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-rotating.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-rotating.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-scrolling-number.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-scrolling-number.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-shimmering.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-shimmering.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-sliding-number.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-sliding-number.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-splitting.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-splitting.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-splitting-example.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-splitting-example.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/demo-primitives-texts-typing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/demo-primitives-texts-typing.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/hooks-use-auto-height.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/hooks-use-auto-height.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/hooks-use-controlled-state.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/hooks-use-controlled-state.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/hooks-use-data-state.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/hooks-use-data-state.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/hooks-use-is-in-view.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/hooks-use-is-in-view.json","copy_url":"https://animate-ui.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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/hooks-use-motion-value-state.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/hooks-use-motion-value-state.json","copy_url":"https://animate-ui.com/r/hooks-use-motion-value-state.json"},{"name":"icons-accessibility","title":"Accessibility Icon","description":"Accessibility icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-accessibility.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-accessibility.json","copy_url":"https://animate-ui.com/r/icons-accessibility.json"},{"name":"icons-activity","title":"Activity Icon","description":"Activity icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-activity.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-activity.json","copy_url":"https://animate-ui.com/r/icons-activity.json"},{"name":"icons-airplay","title":"Airplay Icon","description":"Airplay icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-airplay.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-airplay.json","copy_url":"https://animate-ui.com/r/icons-airplay.json"},{"name":"icons-alarm-clock","title":"Alarm Clock Icon","description":"Alarm clock icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-alarm-clock.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-alarm-clock.json","copy_url":"https://animate-ui.com/r/icons-alarm-clock.json"},{"name":"icons-arrow-down","title":"Arrow Down Icon","description":"Arrow down icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-arrow-down.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-arrow-down.json","copy_url":"https://animate-ui.com/r/icons-arrow-down.json"},{"name":"icons-arrow-left","title":"Arrow Left Icon","description":"Arrow left icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-arrow-left.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-arrow-left.json","copy_url":"https://animate-ui.com/r/icons-arrow-left.json"},{"name":"icons-arrow-right","title":"Arrow Right Icon","description":"Arrow right icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-arrow-right.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-arrow-right.json","copy_url":"https://animate-ui.com/r/icons-arrow-right.json"},{"name":"icons-arrow-up","title":"Arrow Up Icon","description":"Arrow up icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-arrow-up.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-arrow-up.json","copy_url":"https://animate-ui.com/r/icons-arrow-up.json"},{"name":"icons-arrow-up-down","title":"Arrow Up Down Icon","description":"Arrow up down icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-arrow-up-down.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-arrow-up-down.json","copy_url":"https://animate-ui.com/r/icons-arrow-up-down.json"},{"name":"icons-audio-lines","title":"Audio Lines Icon","description":"Audio Lines icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-audio-lines.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-audio-lines.json","copy_url":"https://animate-ui.com/r/icons-audio-lines.json"},{"name":"icons-axe","title":"Axe Icon","description":"Axe icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-axe.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-axe.json","copy_url":"https://animate-ui.com/r/icons-axe.json"},{"name":"icons-axis-3d","title":"Axis 3D Icon","description":"Axis 3D icon component.","type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/icons-axis-3d.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-axis-3d.json","copy_url":"https://animate-ui.com/r/icons-axis-3d.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.vercel.app/registry/animbits","markdown":"https://sh4dcn.vercel.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":32,"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://animbits.dev/r/hooks-use-hover-glow.json"},{"name":"hooks-use-press","title":"Use Press","description":"The use-press hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-press.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-press.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://animbits.dev/r/hooks-use-slide-in.json"},{"name":"hooks-use-pulse","title":"Use Pulse","description":"The use-pulse hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-pulse.json","copy_url":"https://animbits.dev/r/hooks-use-pulse.json"},{"name":"hooks-use-bounce","title":"Use Bounce","description":"The use-bounce hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-bounce.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-bounce.json","copy_url":"https://animbits.dev/r/hooks-use-bounce.json"},{"name":"hooks-use-shimmer","title":"Use Shimmer","description":"The use-shimmer hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-shimmer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-shimmer.json","copy_url":"https://animbits.dev/r/hooks-use-shimmer.json"},{"name":"hooks-use-scramble","title":"Use Scramble","description":"The use-scramble hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-scramble.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-scramble.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://animbits.dev/r/hooks-use-word-carousel.json"},{"name":"hooks-use-magnetic","title":"Use Magnetic","description":"The use-magnetic hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-magnetic.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-magnetic.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://animbits.dev/r/hooks-use-stroke-draw.json"},{"name":"hooks-index","title":"Index","description":"The index hook.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-index.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-index.json","copy_url":"https://animbits.dev/r/hooks-index.json"},{"name":"icons-pulse","title":"Pulse Icon","description":"Continuous pulsing animation for icons","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-pulse.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-bounce.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-bounce.json","copy_url":"https://animbits.dev/r/icons-bounce.json"},{"name":"icons-bounce-continuous","title":"Bounce Continuous","description":"Continuous bouncing animation for icons","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-bounce-continuous.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-bounce-continuous.json","copy_url":"https://animbits.dev/r/icons-bounce-continuous.json"},{"name":"icons-spin","title":"Spin Icon","description":"Continuous rotation animation for icons","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-spin.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-spin.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-wiggle.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-wiggle.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-shake.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-shake.json","copy_url":"https://animbits.dev/r/icons-shake.json"},{"name":"icons-heartbeat","title":"Heartbeat Icon","description":"Continuous heartbeat rhythm animation for icons","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-heartbeat.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-heartbeat.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-fade-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-scale-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-scale-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-pop.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-pop.json","copy_url":"https://animbits.dev/r/icons-pop.json"},{"name":"icons-rotate","title":"Rotate Icon","description":"One-shot 360° rotation animation for icons","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-rotate.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-rotate.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-stroke-draw.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-stroke-draw.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-reaction-dock.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-reaction-dock.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-animated-toast.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-animated-toast.json","copy_url":"https://animbits.dev/r/specials-animated-toast.json"},{"name":"spotlight-card","title":null,"description":"An interactive card with a spotlight effect.","type":"registry:ui","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/spotlight-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/spotlight-card.json","copy_url":"https://animbits.dev/r/spotlight-card.json"},{"name":"reaction-button","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/reaction-button.json","install_command":"npx shadcn@latest add https://animbits.dev/r/reaction-button.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-border-beam.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-border-beam.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-press.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-press.json","copy_url":"https://animbits.dev/r/buttons-press.json"},{"name":"buttons-glow","title":"Glow Button","description":"Button with glow effect on hover","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-glow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-glow.json","copy_url":"https://animbits.dev/r/buttons-glow.json"},{"name":"buttons-lift","title":"Lift Button","description":"Button that lifts up on hover","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-lift.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-lift.json","copy_url":"https://animbits.dev/r/buttons-lift.json"},{"name":"buttons-shine","title":"Shine Button","description":"Button with shine sweep effect on hover","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-shine.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-shine.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-fade-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-slide-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-ripple.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-ripple.json","copy_url":"https://animbits.dev/r/buttons-ripple.json"},{"name":"buttons-magnetic","title":"Magnetic Button","description":"Button with cursor-following magnetic attraction effect","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-magnetic.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-magnetic.json","copy_url":"https://animbits.dev/r/buttons-magnetic.json"},{"name":"buttons-border-gradient","title":"Border Gradient Button","description":"Button with animated gradient border","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-border-gradient.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-border-gradient.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-hover-lift.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-hover-lift.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-hover-glow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-hover-glow.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-fade-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-scale-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-scale-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-slide-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-flip.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-flip.json","copy_url":"https://animbits.dev/r/cards-flip.json"},{"name":"cards-tilt","title":"Tilt Card","description":"Card with mouse-tracking tilt effect","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-tilt.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-tilt.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-parallax-tilt.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-parallax-tilt.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-background-zoom.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-background-zoom.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-fade-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-slide-up.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-slide-up.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-typewriter.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-typewriter.json","copy_url":"https://animbits.dev/r/text-typewriter.json"},{"name":"text-gradient","title":"Gradient Text","description":"Text with animated gradient effect","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-gradient.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-gradient.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-blur-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-blur-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-dia.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-dia.json","copy_url":"https://animbits.dev/r/text-dia.json"},{"name":"text-shimmer","title":"Shimmer Text","description":"Text with gradient shimmer sweep animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-shimmer.json","copy_url":"https://animbits.dev/r/text-shimmer.json"},{"name":"text-scramble","title":"Scramble Text","description":"Hacker-style text scramble decode animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-scramble.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-scramble.json","copy_url":"https://animbits.dev/r/text-scramble.json"},{"name":"text-word-carousel","title":"Word Carousel Text","description":"Rotating word carousel animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-word-carousel.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-word-carousel.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-split-reveal.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-split-reveal.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://animbits.dev/r/text-svg-text-draw.json"},{"name":"loaders-spinner","title":"Spinner Loader","description":"Circular spinning loader","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-spinner.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-spinner.json","copy_url":"https://animbits.dev/r/loaders-spinner.json"},{"name":"loaders-dots","title":"Dots Loader","description":"Bouncing dots loader","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-dots.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-dots.json","copy_url":"https://animbits.dev/r/loaders-dots.json"},{"name":"loaders-bars","title":"Bars Loader","description":"Animated height bars loader","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-bars.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-bars.json","copy_url":"https://animbits.dev/r/loaders-bars.json"},{"name":"loaders-pulse","title":"Pulse Loader","description":"Pulsing circle loader","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-pulse.json","copy_url":"https://animbits.dev/r/loaders-pulse.json"},{"name":"loaders-skeleton","title":"Skeleton Loader","description":"Shimmer skeleton loader for content placeholders","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-skeleton.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-skeleton.json","copy_url":"https://animbits.dev/r/loaders-skeleton.json"},{"name":"loaders-orbit","title":"Orbit Loader","description":"Spinning particles in orbit animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-orbit.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-orbit.json","copy_url":"https://animbits.dev/r/loaders-orbit.json"},{"name":"loaders-gooey-blobs","title":"Gooey Blobs Loader","description":"Organic merging blobs animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-gooey-blobs.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-gooey-blobs.json","copy_url":"https://animbits.dev/r/loaders-gooey-blobs.json"},{"name":"loaders-morphing","title":"Morphing Loader","description":"Shape-shifting morphing animation","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-morphing.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-morphing.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/lists-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/lists-slide-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/lists-stagger-fade.json","install_command":"npx shadcn@latest add https://animbits.dev/r/lists-stagger-fade.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-morph.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-morph.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-grayscale.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-grayscale.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/loaders-liquid-progress.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-liquid-progress.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/transitions-shared-modal.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-shared-modal.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/transitions-expanding-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-expanding-card.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/transitions-tab-switcher.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-tab-switcher.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/transitions-view-toggle.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-view-toggle.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/transitions-zoom-hollow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-zoom-hollow.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-highlight.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-highlight.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-highlight-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-highlight-demo.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-swipeable-stack.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-swipeable-stack.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-magnetic-drawer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-magnetic-drawer.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-spotlight-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-spotlight-card.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/image-text.json","install_command":"npx shadcn@latest add https://animbits.dev/r/image-text.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-linear-carousel.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-linear-carousel.json","copy_url":"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":["recently-updated"],"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.vercel.app/registry/approvals-ui","markdown":"https://sh4dcn.vercel.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":8,"open_issues":0,"last_commit":"2026-07-12T18:07:41Z"},"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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","tags":["forms","retro"],"categories":["Forms"],"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","copy_url":"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/registry.json","source":"https://witharc.co/r/registry.json","page":"https://sh4dcn.vercel.app/registry/arc","markdown":"https://sh4dcn.vercel.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":"https://witharc.co/og.png","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":{"install_shadcn":"npx shadcn@latest add https://witharc.co/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://witharc.co/r/registry.json","install_bun":"bunx shadcn@latest add https://witharc.co/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://witharc.co/r/registry.json"},"component_count":2,"components":[{"name":"logo-carousel","title":"Logo Carousel","description":"Animated logo carousel with staggered cycling, image preloading, and reduced-motion support.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","cards","icons","marketing","media","mobile","pro-available","saas"],"categories":["Niche/single-purpose"],"source_url":"https://witharc.co/r/logo-carousel.json","install_command":"npx shadcn@latest add https://witharc.co/r/logo-carousel.json","copy_url":"https://witharc.co/r/logo-carousel.json"},{"name":"showreel","title":"Showreel","description":"Interactive showreel section with animated image transitions and custom hover cursor.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","cards","icons","marketing","media","mobile","pro-available","saas"],"categories":["Niche/single-purpose"],"source_url":"https://witharc.co/r/showreel.json","install_command":"npx shadcn@latest add https://witharc.co/r/showreel.json","copy_url":"https://witharc.co/r/showreel.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.vercel.app/registry/asanshay","markdown":"https://sh4dcn.vercel.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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/command-prompt.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/command-prompt.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/pointer.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/pointer.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat.json","copy_url":"https://ds.asanshay.com/r/chat.json"},{"name":"window","title":"Window","description":"A draggable, resizable window inside a container.","type":"registry:component","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/window.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/window.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/jsx-preview.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/jsx-preview.json","copy_url":"https://ds.asanshay.com/r/jsx-preview.json"},{"name":"select","title":"Select","description":"A lightly skinned select component.","type":"registry:component","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/select.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/select.json","copy_url":"https://ds.asanshay.com/r/select.json"},{"name":"input","title":"Input","description":"A simple input component with a tactile feel.","type":"registry:component","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/input.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/textarea.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/textarea.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-input.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-message.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-message.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-tool.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-tool.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-reasoning.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-reasoning.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/badge.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/badge.json","copy_url":"https://ds.asanshay.com/r/badge.json"},{"name":"button","title":"Button","description":"A button component that *feels* good to use.","type":"registry:component","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/button.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/button.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/reveal.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/reveal.json","copy_url":"https://ds.asanshay.com/r/reveal.json"},{"name":"card","title":"Card","description":"A variety of clean cards, from minimal to flashy.","type":"registry:component","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/card.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/card.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/description-list.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/description-list.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/page-header.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/page-header.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/code-block.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/code-block.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/markdown.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/markdown.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/invisible-input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/invisible-input.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/loader.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/loader.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/morphing-text.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/morphing-text.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/ascii-wave.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/ascii-wave.json","copy_url":"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","tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/color-picker.json","copy_url":"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","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","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.vercel.app/registry/assistant-ui","markdown":"https://sh4dcn.vercel.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":10996,"open_issues":59,"last_commit":"2026-07-08T08:42:51Z"},"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":42,"components":[{"name":"shimmer-style","title":null,"description":null,"type":"registry:style","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/shimmer-style.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/shimmer-style.json","copy_url":"https://r.assistant-ui.com/shimmer-style.json"},{"name":"chat/b/ai-sdk-quick-start/json","title":null,"description":null,"type":"registry:page","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/chat/b/ai-sdk-quick-start/json.json"},{"name":"ai-sdk-backend","title":null,"description":null,"type":"registry:page","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/ai-sdk-backend.json"},{"name":"ai-sdk-backend-resumable","title":null,"description":null,"type":"registry:page","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/ai-sdk-backend-resumable.json"},{"name":"thread","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/thread.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/thread.json","copy_url":"https://r.assistant-ui.com/thread.json"},{"name":"voice","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/voice.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/voice.json","copy_url":"https://r.assistant-ui.com/voice.json"},{"name":"markdown-text","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/markdown-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/markdown-text.json","copy_url":"https://r.assistant-ui.com/markdown-text.json"},{"name":"reasoning","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/reasoning.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/reasoning.json","copy_url":"https://r.assistant-ui.com/reasoning.json"},{"name":"message-timing","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/message-timing.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/message-timing.json","copy_url":"https://r.assistant-ui.com/message-timing.json"},{"name":"context-display","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/context-display.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/context-display.json","copy_url":"https://r.assistant-ui.com/context-display.json"},{"name":"thread-list","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/thread-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/thread-list.json","copy_url":"https://r.assistant-ui.com/thread-list.json"},{"name":"mcp-config","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/mcp-config.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/mcp-config.json","copy_url":"https://r.assistant-ui.com/mcp-config.json"},{"name":"attachment","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/attachment.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/attachment.json","copy_url":"https://r.assistant-ui.com/attachment.json"},{"name":"follow-up-suggestions","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/follow-up-suggestions.json"},{"name":"tooltip-icon-button","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/tooltip-icon-button.json"},{"name":"syntax-highlighter","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/syntax-highlighter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/syntax-highlighter.json","copy_url":"https://r.assistant-ui.com/syntax-highlighter.json"},{"name":"assistant-modal","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/assistant-modal.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/assistant-modal.json","copy_url":"https://r.assistant-ui.com/assistant-modal.json"},{"name":"assistant-sidebar","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/assistant-sidebar.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/assistant-sidebar.json","copy_url":"https://r.assistant-ui.com/assistant-sidebar.json"},{"name":"tool-fallback","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tool-fallback.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tool-fallback.json","copy_url":"https://r.assistant-ui.com/tool-fallback.json"},{"name":"tool-group","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tool-group.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tool-group.json","copy_url":"https://r.assistant-ui.com/tool-group.json"},{"name":"shiki-highlighter","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/shiki-highlighter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/shiki-highlighter.json","copy_url":"https://r.assistant-ui.com/shiki-highlighter.json"},{"name":"mermaid-diagram","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/mermaid-diagram.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/mermaid-diagram.json","copy_url":"https://r.assistant-ui.com/mermaid-diagram.json"},{"name":"diff-viewer","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://r.assistant-ui.com/diff-viewer.json"},{"name":"threadlist-sidebar","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/threadlist-sidebar.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/threadlist-sidebar.json","copy_url":"https://r.assistant-ui.com/threadlist-sidebar.json"},{"name":"quote","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/quote.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/quote.json","copy_url":"https://r.assistant-ui.com/quote.json"},{"name":"sources","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/sources.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/sources.json","copy_url":"https://r.assistant-ui.com/sources.json"},{"name":"image","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/image.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/image.json","copy_url":"https://r.assistant-ui.com/image.json"},{"name":"file","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/file.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/file.json","copy_url":"https://r.assistant-ui.com/file.json"},{"name":"model-selector","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/model-selector.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/model-selector.json","copy_url":"https://r.assistant-ui.com/model-selector.json"},{"name":"logos","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/logos.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/logos.json","copy_url":"https://r.assistant-ui.com/logos.json"},{"name":"select","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/select.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/select.json","copy_url":"https://r.assistant-ui.com/select.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/direction.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/direction.json","copy_url":"https://r.assistant-ui.com/direction.json"},{"name":"badge","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/badge.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/badge.json","copy_url":"https://r.assistant-ui.com/badge.json"},{"name":"tabs","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tabs.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tabs.json","copy_url":"https://r.assistant-ui.com/tabs.json"},{"name":"accordion","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/accordion.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/accordion.json","copy_url":"https://r.assistant-ui.com/accordion.json"},{"name":"dot-matrix","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://r.assistant-ui.com/dot-matrix.json"},{"name":"number-roll","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://r.assistant-ui.com/number-roll.json"},{"name":"heat-graph","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/heat-graph.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/heat-graph.json","copy_url":"https://r.assistant-ui.com/heat-graph.json"},{"name":"composer-trigger-popover","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/composer-trigger-popover.json"},{"name":"directive-text","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/directive-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/directive-text.json","copy_url":"https://r.assistant-ui.com/directive-text.json"},{"name":"generative-ui-style","title":null,"description":null,"type":"registry:style","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"https://r.assistant-ui.com/generative-ui-style.json"},{"name":"generative-ui","title":null,"description":null,"type":"registry:component","tags":["ai","audio","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/generative-ui.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/generative-ui.json","copy_url":"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.vercel.app/registry/auth0","markdown":"https://sh4dcn.vercel.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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"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","copy_url":"https://ui.auth0.com/r/my-organization/sso-provider-edit.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.vercel.app/registry/baraile-loader","markdown":"https://sh4dcn.vercel.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","tags":["loaders"],"categories":["Component library (general)"],"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","copy_url":"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.vercel.app/registry/basecn","markdown":"https://sh4dcn.vercel.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":278,"open_issues":6,"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/alert.json","install_command":"npx shadcn@latest add https://basecn.dev/r/alert.json","copy_url":"https://basecn.dev/r/alert.json"},{"name":"accordion","title":"Accordion","description":"A set of collapsible panels with headings.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/accordion.json","install_command":"npx shadcn@latest add https://basecn.dev/r/accordion.json","copy_url":"https://basecn.dev/r/accordion.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://basecn.dev/r/autocomplete.json","copy_url":"https://basecn.dev/r/autocomplete.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A dialog that requires user response to proceed.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://basecn.dev/r/alert-dialog.json","copy_url":"https://basecn.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://basecn.dev/r/aspect-ratio.json","copy_url":"https://basecn.dev/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"An easily stylable avatar component.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/avatar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/avatar.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/badge.json","install_command":"npx shadcn@latest add https://basecn.dev/r/badge.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://basecn.dev/r/breadcrumb.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/button.json","install_command":"npx shadcn@latest add https://basecn.dev/r/button.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/button-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/button-group.json","copy_url":"https://basecn.dev/r/button-group.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/card.json","install_command":"npx shadcn@latest add https://basecn.dev/r/card.json","copy_url":"https://basecn.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/carousel.json","install_command":"npx shadcn@latest add https://basecn.dev/r/carousel.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/calendar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/calendar.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://basecn.dev/r/checkbox.json","copy_url":"https://basecn.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://basecn.dev/r/collapsible.json","copy_url":"https://basecn.dev/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/command.json","install_command":"npx shadcn@latest add https://basecn.dev/r/command.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/combobox.json","install_command":"npx shadcn@latest add https://basecn.dev/r/combobox.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/context-menu.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/dialog.json","install_command":"npx shadcn@latest add https://basecn.dev/r/dialog.json","copy_url":"https://basecn.dev/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component for React.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/drawer.json","install_command":"npx shadcn@latest add https://basecn.dev/r/drawer.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/drawer-base.json","install_command":"npx shadcn@latest add https://basecn.dev/r/drawer-base.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/dropdown-menu.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/field.json","install_command":"npx shadcn@latest add https://basecn.dev/r/field.json","copy_url":"https://basecn.dev/r/field.json"},{"name":"form","title":"Form","description":"Renders a form built with React Hook Form.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/form.json","install_command":"npx shadcn@latest add https://basecn.dev/r/form.json","copy_url":"https://basecn.dev/r/form.json"},{"name":"empty","title":"Empty","description":"Use the Empty component to display an empty state.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/empty.json","install_command":"npx shadcn@latest add https://basecn.dev/r/empty.json","copy_url":"https://basecn.dev/r/empty.json"},{"name":"form-tanstack","title":"Form","description":"Renders a form built with Tanstack Form.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/form-tanstack.json","install_command":"npx shadcn@latest add https://basecn.dev/r/form-tanstack.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://basecn.dev/r/hover-card.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/input.json","install_command":"npx shadcn@latest add https://basecn.dev/r/input.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/input-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/input-group.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/item.json","install_command":"npx shadcn@latest add https://basecn.dev/r/item.json","copy_url":"https://basecn.dev/r/item.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/label.json","install_command":"npx shadcn@latest add https://basecn.dev/r/label.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/menubar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/menubar.json","copy_url":"https://basecn.dev/r/menubar.json"},{"name":"kbd","title":"Kbd","description":"Used to display textual user input from keyboard.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/kbd.json","install_command":"npx shadcn@latest add https://basecn.dev/r/kbd.json","copy_url":"https://basecn.dev/r/kbd.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/navigation-menu.json","copy_url":"https://basecn.dev/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/pagination.json","install_command":"npx shadcn@latest add https://basecn.dev/r/pagination.json","copy_url":"https://basecn.dev/r/pagination.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/popover.json","install_command":"npx shadcn@latest add https://basecn.dev/r/popover.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/progress.json","install_command":"npx shadcn@latest add https://basecn.dev/r/progress.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/radio-group.json","copy_url":"https://basecn.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/resizable.json","install_command":"npx shadcn@latest add https://basecn.dev/r/resizable.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://basecn.dev/r/scroll-area.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/select.json","install_command":"npx shadcn@latest add https://basecn.dev/r/select.json","copy_url":"https://basecn.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/separator.json","install_command":"npx shadcn@latest add https://basecn.dev/r/separator.json","copy_url":"https://basecn.dev/r/separator.json"},{"name":"separator-extended","title":"Separator (Extended)","description":"Visually or semantically separates content.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/separator-extended.json","install_command":"npx shadcn@latest add https://basecn.dev/r/separator-extended.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sheet.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sheet.json","copy_url":"https://basecn.dev/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:item","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sidebar.json","copy_url":"https://basecn.dev/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://basecn.dev/r/skeleton.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/slider.json","install_command":"npx shadcn@latest add https://basecn.dev/r/slider.json","copy_url":"https://basecn.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sonner.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sonner.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/spinner.json","install_command":"npx shadcn@latest add https://basecn.dev/r/spinner.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/switch.json","install_command":"npx shadcn@latest add https://basecn.dev/r/switch.json","copy_url":"https://basecn.dev/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/table.json","install_command":"npx shadcn@latest add https://basecn.dev/r/table.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/tabs.json","install_command":"npx shadcn@latest add https://basecn.dev/r/tabs.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/textarea.json","install_command":"npx shadcn@latest add https://basecn.dev/r/textarea.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/toggle.json","install_command":"npx shadcn@latest add https://basecn.dev/r/toggle.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/toggle-group.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://basecn.dev/r/tooltip.json","copy_url":"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.vercel.app/registry/baselayer","markdown":"https://sh4dcn.vercel.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":203,"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/accordion.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/badge.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/breadcrumbs.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/button.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/button.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/calendar.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/calendar.json","copy_url":"https://www.baselayer.dev/r/calendar.json"},{"name":"card","title":"card","description":"Displays a card with header, content, and footer.","type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/card.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/card.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/checkbox.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/combobox.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/command.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/command.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/date-field.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/date-field.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/date-picker.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/input.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/input.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/menu.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/menu.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/meter.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/modal.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/modal.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/popover.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/radio-group.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/select.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/select.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/slider.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/switch.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/table.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/table.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tabs.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tag-group.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tag-group.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/time-field.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/time-field.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/toggle.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tooltip.json","copy_url":"https://www.baselayer.dev/r/tooltip.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.vercel.app/registry/beste-ui","markdown":"https://sh4dcn.vercel.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://ui.beste.co/og?title=Beste%20UI&amp;description=A%20curated%20collection%20of%20React%20blocks%20and%20components%20built%20with%20Tailwind%20CSS%20and%20shadcn%2Fui.%20Copy%2C%20install%2C%20and%20ship%20beautiful%20interfaces%20with%20confidence.","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.beste.co/pricing"},"metrics":{"github_stars":22,"open_issues":0,"last_commit":"2026-07-04T21:10:08Z"},"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about1.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about2.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about3.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about4.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about5.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about6.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about7.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about8.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about9.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about10.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about11.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about12.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about13.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about14.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about15.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about16.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about17.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about18.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about19.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about20.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about21.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about22.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about23.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about24.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about25.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about26.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about27.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about28.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about29.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about30.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about31.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about32.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about33.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about34.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about34.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about35.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about35.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about36.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about37.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about37.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about38.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about38.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about39.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about39.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about40.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about40.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about41.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about41.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about42.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about43.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about44.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about45.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about46.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about47.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about48.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about49.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about49.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about50.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about50.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about51.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about51.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about52.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about52.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about53.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about53.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about54.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about54.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about55.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about55.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about56.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about56.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about57.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about57.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about58.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about58.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about59.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about59.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about60.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about60.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about61.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about61.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about62.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about62.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about63.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about63.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about64.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about64.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about65.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about65.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about66.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about66.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about67.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about67.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about68.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about68.json","copy_url":"https://ui.beste.co/r/about68.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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency10.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency11.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency12.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency13.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency14.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency15.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency16.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency17.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency18.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency19.json","copy_url":"https://ui.beste.co/r/agency19.json"},{"name":"agency20","title":"Clients & Outcomes","description":"Client logo cloud paired with measurable engagement outcomes.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency20.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency21.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency22.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/agency23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency23.json","copy_url":"https://ui.beste.co/r/agency23.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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth1.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth2.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth3.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth4.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth5.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth6.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth7.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth8.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth9.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth10.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth11.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth12.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth13.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth14.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth15.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth16.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth17.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth18.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth19.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth20.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth21.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth22.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth23.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth24.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth25.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth26.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth27.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth28.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth29.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth30.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth31.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth32.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth33.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth34.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth34.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth35.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth35.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth36.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth37.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth37.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth38.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth38.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth39.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth39.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth40.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth40.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth41.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth41.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth42.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth43.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth44.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth45.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth46.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth47.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/auth48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth48.json","copy_url":"https://ui.beste.co/r/auth48.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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/bento1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento1.json","copy_url":"https://ui.beste.co/r/bento1.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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog3.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog4.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog5.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog8.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog10.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog11.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog12.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog13.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog14.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog15.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog18.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog22.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog25.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog26.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog27.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog30.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog31.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog36.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog42.json","copy_url":"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 monospace category, a titl…","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/blog43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog43.json","copy_url":"https://ui.beste.co/r/blog43.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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking1.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking2.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking3.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking4.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking5.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking6.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking7.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking8.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking9.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking10.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking11.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking12.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking13.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking14.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking15.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking16.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking17.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking18.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking19.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking20.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking21.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking22.json","copy_url":"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","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/booking23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking23.json","copy_url":"https://ui.beste.co/r/booking23.json"},{"name":"careers1","title":"Job Listings List","description":"Job listings section with role cards showing department, location, and employment type. Clean list layout with hover effects and apply buttons.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers1.json","copy_url":"https://ui.beste.co/r/careers1.json"},{"name":"careers2","title":"Job Openings Grid","description":"Job openings grid with department badges, location tags, and apply buttons. Card-based layout for career pages.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers2.json","copy_url":"https://ui.beste.co/r/careers2.json"},{"name":"careers3","title":"Department-Grouped Positions","description":"Department-grouped job listings with minimal row layout. Jobs organized by team with location and type indicators.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers3.json","copy_url":"https://ui.beste.co/r/careers3.json"},{"name":"careers4","title":"Perks & Open Positions","description":"Combined perks and job listings section with benefits grid and open positions list. Ideal for complete career pages.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers4.json","copy_url":"https://ui.beste.co/r/careers4.json"},{"name":"careers5","title":"Featured Role with Positions","description":"Highlighted featured position card with a compact list of additional openings below. Great for showcasing priority roles.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers5.json","copy_url":"https://ui.beste.co/r/careers5.json"},{"name":"careers6","title":"Tab-Filtered Job Board","description":"Tabbed job board with department filters using shadcn Tabs component. Browse positions by team with location and type details.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers6.json","copy_url":"https://ui.beste.co/r/careers6.json"},{"name":"careers7","title":"Culture Stats with Positions","description":"Team culture stats bar followed by detailed job position cards. Combines social proof with open roles listing.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers7.json","copy_url":"https://ui.beste.co/r/careers7.json"},{"name":"careers8","title":"Job Detail Page","description":"Single job posting detail with responsibilities, requirements, nice-to-haves, and apply CTA. Full position description layout.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers8.json","copy_url":"https://ui.beste.co/r/careers8.json"},{"name":"careers9","title":"Employee Benefits Grid","description":"Benefits and perks showcase with icon cards in a responsive grid. Highlights company offerings like health, remote work, and growth opportunities.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers9.json","copy_url":"https://ui.beste.co/r/careers9.json"},{"name":"careers10","title":"Hiring Process Timeline","description":"Step-by-step hiring process timeline with numbered stages. Shows candidates the interview journey from application to onboarding.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers10.json","copy_url":"https://ui.beste.co/r/careers10.json"},{"name":"careers11","title":"Culture & Values","description":"Company values grid with icon cards and employee testimonial quote. Showcases team culture and work philosophy.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers11.json","copy_url":"https://ui.beste.co/r/careers11.json"},{"name":"careers12","title":"Career Growth Ladder","description":"Career progression path with level indicators, role descriptions, and key skills. Shows growth framework from junior to principal level.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers12.json","copy_url":"https://ui.beste.co/r/careers12.json"},{"name":"careers13","title":"Office Locations Grid","description":"Global office locations grid with city photos, team size, and role taglines. Showcases company presence worldwide.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers13.json","copy_url":"https://ui.beste.co/r/careers13.json"},{"name":"careers14","title":"Meet the Team Gallery","description":"Team member photo grid with names and roles. Square portrait layout for showcasing leadership and team composition.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers14.json","copy_url":"https://ui.beste.co/r/careers14.json"},{"name":"careers15","title":"Day in the Life Timeline","description":"A typical workday timeline with time stamps, activity icons, and descriptions. Shows candidates what daily life looks like at the company.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers15.json","copy_url":"https://ui.beste.co/r/careers15.json"},{"name":"careers16","title":"Employee Testimonials","description":"Employee testimonial cards with quotes, avatars, and roles. Social proof grid showcasing team member experiences and company culture.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers16.json","copy_url":"https://ui.beste.co/r/careers16.json"},{"name":"careers17","title":"Job Application Form","description":"Job application form with input fields, file upload area, and position summary sidebar. Complete apply page layout for career sites.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers17.json","copy_url":"https://ui.beste.co/r/careers17.json"},{"name":"careers18","title":"Department Overview Grid","description":"Department cards with team lead, headcount, open roles badge, and links. Helps candidates explore teams before applying.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers18.json","copy_url":"https://ui.beste.co/r/careers18.json"},{"name":"careers19","title":"Internship Program","description":"Internship program section with highlights, mentorship details, program summary card, and apply CTA. For recruiting early-career talent.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers19.json","copy_url":"https://ui.beste.co/r/careers19.json"},{"name":"careers20","title":"Diversity & Inclusion","description":"Diversity and inclusion section with representation stats and initiative cards. Showcases company commitment to equity and belonging.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers20.json","copy_url":"https://ui.beste.co/r/careers20.json"},{"name":"careers21","title":"Compensation & Total Rewards","description":"Transparent compensation philosophy with salary, equity, bonus, and perks cards. Shows total rewards approach with highlighted details.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers21.json","copy_url":"https://ui.beste.co/r/careers21.json"},{"name":"careers22","title":"Employee Spotlight Story","description":"Featured employee profile with portrait photo, personal quote, and career milestone timeline. Showcases real growth stories.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers22.json","copy_url":"https://ui.beste.co/r/careers22.json"},{"name":"careers23","title":"Employee Referral Program","description":"Referral program section with step-by-step process, bonus highlight card, and submit CTA. Encourages employee referrals.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers23.json","copy_url":"https://ui.beste.co/r/careers23.json"},{"name":"careers24","title":"Onboarding Journey Preview","description":"First 90 days onboarding timeline with phase cards and activity checklists. Shows new hires what to expect from orientation to ownership.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers24.json","copy_url":"https://ui.beste.co/r/careers24.json"},{"name":"careers25","title":"Remote Work Setup","description":"Work environment section with equipment provisions and work policies. Two-column layout showing what the company provides and how the team operates.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers25.json","copy_url":"https://ui.beste.co/r/careers25.json"},{"name":"careers26","title":"Hiring by the Numbers","description":"Recruitment statistics dashboard with key metrics, trends, and detailed hiring process stats. Transparent data-driven hiring showcase.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers26.json","copy_url":"https://ui.beste.co/r/careers26.json"},{"name":"careers27","title":"Speculative Application CTA","description":"Bottom-of-page careers CTA for general applications with email, action buttons, and company highlight badges. Captures candidates without matching roles.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers27.json","copy_url":"https://ui.beste.co/r/careers27.json"},{"name":"careers28","title":"Learning & Development","description":"Professional development program cards with conference budget, courses, mentorship, and tech talks. Highlights company investment in employee growth.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers28.json","copy_url":"https://ui.beste.co/r/careers28.json"},{"name":"careers29","title":"Team Events Gallery","description":"Photo gallery of company events, offsites, and team activities in masonry layout. Visual showcase of team culture and community.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers29.json","copy_url":"https://ui.beste.co/r/careers29.json"},{"name":"careers30","title":"Team Blog Highlights","description":"Engineering and team blog article preview cards with images, excerpts, and authors. Showcases technical depth and knowledge sharing culture.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers30.json","copy_url":"https://ui.beste.co/r/careers30.json"},{"name":"careers31","title":"Role Comparison Table","description":"Side-by-side role comparison grid showing team, skills, experience, and salary for different positions. Responsive table-to-card layout.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers31.json","copy_url":"https://ui.beste.co/r/careers31.json"},{"name":"careers32","title":"Alumni Network Showcase","description":"Former employee showcase with career progression from company role to current position. Demonstrates the company as a career launchpad.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers32.json","copy_url":"https://ui.beste.co/r/careers32.json"},{"name":"careers33","title":"HR Job Posting Detail","description":"Formal HR job posting with responsibilities, qualifications, benefits, and sidebar summary. Corporate-style position detail page with apply CTA.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers33.json","copy_url":"https://ui.beste.co/r/careers33.json"},{"name":"careers34","title":"Engineering Principles","description":"Numbered engineering principles list with large counters and descriptions. Showcases team philosophy on shipping, ownership, and simplicity.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers34.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers34.json","copy_url":"https://ui.beste.co/r/careers34.json"},{"name":"careers35","title":"Salary Bands Table","description":"Transparent salary bands with level, role, visual range bars, and equity details. Pay transparency table with responsive card fallback.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers35.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers35.json","copy_url":"https://ui.beste.co/r/careers35.json"},{"name":"careers36","title":"Hiring Manager Profiles","description":"Team lead profiles with photos, bios, and department badges. Introduces future managers to candidates with detailed backgrounds.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers36.json","copy_url":"https://ui.beste.co/r/careers36.json"},{"name":"careers37","title":"Job Alerts Signup","description":"Email subscription form for job alerts with trust indicators. Captures candidate interest for future openings with clean card layout.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers37.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers37.json","copy_url":"https://ui.beste.co/r/careers37.json"},{"name":"careers38","title":"Work Perks Bento Grid","description":"Bento-style grid of work perks with featured image card and icon cards. Mixed layout showcasing PTO, wellness, equipment, and team events.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers38.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers38.json","copy_url":"https://ui.beste.co/r/careers38.json"},{"name":"careers39","title":"Candidate Experience Guide","description":"Two-column guide with preparation tips and company commitments to candidates. Sets expectations for the hiring process with contact info.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers39.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers39.json","copy_url":"https://ui.beste.co/r/careers39.json"},{"name":"careers40","title":"Open Roles","description":"A studio jobs list with role meta, salary and apply arrows.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers40.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers40.json","copy_url":"https://ui.beste.co/r/careers40.json"},{"name":"careers41","title":"Benefits & Perks","description":"Studio benefits grid with an accent highlight and icon cards.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers41.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers41.json","copy_url":"https://ui.beste.co/r/careers41.json"},{"name":"careers42","title":"Studio Culture","description":"Culture statement and tenets beside a three-image studio-life collage.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers42.json","copy_url":"https://ui.beste.co/r/careers42.json"},{"name":"careers43","title":"Hiring Process","description":"The studio's interview process as a connected, numbered step flow.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers43.json","copy_url":"https://ui.beste.co/r/careers43.json"},{"name":"careers44","title":"Roles By Department","description":"Department-tabbed open roles list using shadcn Tabs.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers44.json","copy_url":"https://ui.beste.co/r/careers44.json"},{"name":"careers45","title":"Life At The Studio","description":"A captioned masonry photo wall of studio life with an intro and a roles CTA.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers45.json","copy_url":"https://ui.beste.co/r/careers45.json"},{"name":"careers46","title":"Role Spotlight","description":"A full featured-role posting with responsibilities, requirements and a sticky apply card.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers46.json","copy_url":"https://ui.beste.co/r/careers46.json"},{"name":"careers47","title":"Why Join Us","description":"Team stats band paired with benefit highlights.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers47.json","copy_url":"https://ui.beste.co/r/careers47.json"},{"name":"careers48","title":"Join The Studio","description":"Sticky employer-value intro beside a scrollable open-roles list.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers48.json","copy_url":"https://ui.beste.co/r/careers48.json"},{"name":"careers49","title":"Benefits Breakdown","description":"Categorized studio benefits with checklists per category.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers49.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers49.json","copy_url":"https://ui.beste.co/r/careers49.json"},{"name":"careers50","title":"Careers Gallery Header","description":"Centered careers intro with eyebrow, highlighted heading and supporting copy above a three-image gallery — one wide frame beside two portraits.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/careers50.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/careers50.json","copy_url":"https://ui.beste.co/r/careers50.json"},{"name":"changelog2","title":"Split Milestone Changelog","description":"Split-layout changelog with milestone context, highlights, metrics, and action buttons.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog2.json","copy_url":"https://ui.beste.co/r/changelog2.json"},{"name":"changelog3","title":"Changelog Release Feed","description":"Release feed cards with aligned change labels, summaries, and optional CTA buttons.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog3.json","copy_url":"https://ui.beste.co/r/changelog3.json"},{"name":"changelog4","title":"Grouped Changelog Board","description":"Month-grouped changelog board with aligned labels, release details, and optional links.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog4.json","copy_url":"https://ui.beste.co/r/changelog4.json"},{"name":"changelog5","title":"Milestone Changelog Timeline","description":"Timeline-style changelog with version badges, dates, and color-coded change types. Ideal for release notes and version history.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog5.json","copy_url":"https://ui.beste.co/r/changelog5.json"},{"name":"changelog6","title":"Minimal Text Changelog","description":"Ultra-minimal text-only changelog with version headers and dash-prefixed change lists. No badges, no cards, just clean typography.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog6.json","copy_url":"https://ui.beste.co/r/changelog6.json"},{"name":"changelog7","title":"Categorized Release Notes","description":"Release notes with changes grouped by type — Added, Changed, Fixed — using color-coded category labels.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog7.json","copy_url":"https://ui.beste.co/r/changelog7.json"},{"name":"changelog8","title":"Featured Release Changelog","description":"Latest release highlighted in a featured card with full details, followed by a compact list of previous releases.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog8.json","copy_url":"https://ui.beste.co/r/changelog8.json"},{"name":"changelog9","title":"Release Card Grid","description":"Responsive card grid of releases with version badges, descriptions, and optional links. Great for browsable release archives.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog9.json","copy_url":"https://ui.beste.co/r/changelog9.json"},{"name":"changelog10","title":"Dense Inline Release Log","description":"Compact single-line release rows with color-coded type dots, version tags, and a legend footer. Optimized for dense, scannable API changelogs.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog10.json","copy_url":"https://ui.beste.co/r/changelog10.json"},{"name":"changelog11","title":"Two-Column Date Changelog","description":"Minimal two-column layout with fixed-width date column on the left and version heading with change list on the right.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog11.json","copy_url":"https://ui.beste.co/r/changelog11.json"},{"name":"changelog12","title":"Large Version Changelog","description":"Poster-style changelog with oversized version numbers as visual anchors, followed by date, heading, and description text.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog12.json","copy_url":"https://ui.beste.co/r/changelog12.json"},{"name":"changelog13","title":"Accordion Release Changelog","description":"Collapsible accordion changelog where each release expands to reveal description and change list.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog13.json","copy_url":"https://ui.beste.co/r/changelog13.json"},{"name":"changelog14","title":"Year-Grouped Accordion Changelog","description":"Releases grouped by year in collapsible accordion panels with release count indicators.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog14.json","copy_url":"https://ui.beste.co/r/changelog14.json"},{"name":"changelog15","title":"Stacked Release Cards","description":"Stacked release cards with heading, description, change list, and version footer. Clean vertical feed for product updates.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog15.json","copy_url":"https://ui.beste.co/r/changelog15.json"},{"name":"changelog16","title":"Visual Release Notes","description":"Alternating split layout with feature screenshots on one side and release content on the other. Ideal for marketing-focused product update pages.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog16.json","copy_url":"https://ui.beste.co/r/changelog16.json"},{"name":"changelog17","title":"Team Update Feed","description":"Author-attributed changelog feed with avatars, roles, rich descriptions, change lists, and tags.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog17.json","copy_url":"https://ui.beste.co/r/changelog17.json"},{"name":"changelog18","title":"Full-Width Showcase Changelog","description":"Full-width hero images with rich release content below. Marketing-focused changelog for major product announcements.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog18.json","copy_url":"https://ui.beste.co/r/changelog18.json"},{"name":"changelog19","title":"Developer Changelog with Code","description":"Technical changelog with code blocks showing API changes, migration examples, and usage snippets alongside release notes.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog19.json","copy_url":"https://ui.beste.co/r/changelog19.json"},{"name":"changelog20","title":"Roadmap Status Changelog","description":"Hybrid roadmap and changelog with shipped, in-progress, and planned items. Includes status dots, tags, and optional feature images.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog20.json","copy_url":"https://ui.beste.co/r/changelog20.json"},{"name":"changelog21","title":"Kanban Board Changelog","description":"Three-column kanban board grouping changes by type — Features, Fixes, and Improvements — with stacked cards.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog21.json","copy_url":"https://ui.beste.co/r/changelog21.json"},{"name":"changelog22","title":"Terminal Git Log Changelog","description":"Dark terminal window styled as a git log output with commit hashes, version tags, color-coded change prefixes, and a blinking cursor.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog22.json","copy_url":"https://ui.beste.co/r/changelog22.json"},{"name":"changelog23","title":"Striped Table Changelog","description":"Structured table view with column headers, alternating row backgrounds, color-coded type badges, and optional links.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog23.json","copy_url":"https://ui.beste.co/r/changelog23.json"},{"name":"changelog24","title":"Callout Highlight Changelog","description":"Release feed with prominent callout blocks highlighting the most impactful change per release.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog24.json","copy_url":"https://ui.beste.co/r/changelog24.json"},{"name":"changelog25","title":"Newspaper Changelog","description":"Broadsheet newspaper layout with masthead, featured headline story, sidebar briefs, and numbered patch notes in flowing columns.","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/changelog25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/changelog25.json","copy_url":"https://ui.beste.co/r/changelog25.json"},{"name":"chat4","title":"Rich Prompt Input with Smart Suggestions","description":"Sophisticated AI prompt input area with auto-expanding textarea, attachment and image upload buttons, model selector, and a grid of contextual prompt suggestio…","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/chat4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/chat4.json","copy_url":"https://ui.beste.co/r/chat4.json"},{"name":"chat5","title":"AI Streaming Response with Live Typing","description":"Simulated streaming AI response with word-by-word typewriter animation, blinking cursor, skeleton loading state, and stop generating button. Demonstrates real-…","type":"registry:block","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/chat5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/chat5.json","copy_url":"https://ui.beste.co/r/chat5.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.vercel.app/registry/better-upload","markdown":"https://sh4dcn.vercel.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":1276,"open_issues":6,"last_commit":"2026-07-04T05:09:48Z"},"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","tags":["buttons","components","hooks","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-button.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-button.json","copy_url":"https://better-upload.com/r/upload-button.json"},{"name":"upload-dropzone","title":"Upload Dropzone","description":null,"type":"registry:ui","tags":["buttons","components","hooks","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-dropzone.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-dropzone.json","copy_url":"https://better-upload.com/r/upload-dropzone.json"},{"name":"upload-progress","title":"Upload Progress","description":null,"type":"registry:ui","tags":["buttons","components","hooks","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-progress.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-progress.json","copy_url":"https://better-upload.com/r/upload-progress.json"},{"name":"paste-upload-area","title":"Paste Upload Area","description":null,"type":"registry:ui","tags":["buttons","components","hooks","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"labels":["featured","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.vercel.app/registry/beui","markdown":"https://sh4dcn.vercel.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/?utm_source=beui&amp;utm_medium=referral&amp;utm_campaign=free_to_pro&amp;utm_content=navbar"},"metrics":{"github_stars":608,"open_issues":1,"last_commit":"2026-07-07T17:30:13Z"},"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":76,"components":[{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt on hover with cursor-tracked glare.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/tilt-card.json","copy_url":"https://beui.dev/r/tilt-card.json"},{"name":"button-base","title":"Button Button","description":"Press scale, hover lift, variants and sizes.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/button-base.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-base.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/button-stateful.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-stateful.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/button-magnetic.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-magnetic.json","copy_url":"https://beui.dev/r/button-magnetic.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/hold-action-button.json","install_command":"npx shadcn@latest add https://beui.dev/r/hold-action-button.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/slide-action-button.json","install_command":"npx shadcn@latest add https://beui.dev/r/slide-action-button.json","copy_url":"https://beui.dev/r/slide-action-button.json"},{"name":"marquee","title":"Marquee","description":"Infinite horizontal or vertical scroll with pause-on-hover.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/marquee.json","install_command":"npx shadcn@latest add https://beui.dev/r/marquee.json","copy_url":"https://beui.dev/r/marquee.json"},{"name":"tabs","title":"Tabs","description":"Pill, segment or underline tabs with a spring layoutId indicator.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://beui.dev/r/tabs.json","copy_url":"https://beui.dev/r/tabs.json"},{"name":"switch","title":"Switch","description":"Toggle with a spring-driven thumb and press feedback.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/switch.json","install_command":"npx shadcn@latest add https://beui.dev/r/switch.json","copy_url":"https://beui.dev/r/switch.json"},{"name":"input","title":"Input","description":"Text input with label, left/right icons, error shake and success check draw.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/input.json","install_command":"npx shadcn@latest add https://beui.dev/r/input.json","copy_url":"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 staggered items. P…","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/select.json","install_command":"npx shadcn@latest add https://beui.dev/r/select.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/select-morph.json","install_command":"npx shadcn@latest add https://beui.dev/r/select-morph.json","copy_url":"https://beui.dev/r/select-morph.json"},{"name":"checkbox","title":"Checkbox","description":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://beui.dev/r/checkbox.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/radio.json","install_command":"npx shadcn@latest add https://beui.dev/r/radio.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://beui.dev/r/bottom-sheet.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://beui.dev/r/pull-to-refresh.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/shared-layout-bg.json","install_command":"npx shadcn@latest add https://beui.dev/r/shared-layout-bg.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/bounce-sidebar.json","install_command":"npx shadcn@latest add https://beui.dev/r/bounce-sidebar.json","copy_url":"https://beui.dev/r/bounce-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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/preview-rail.json","install_command":"npx shadcn@latest add https://beui.dev/r/preview-rail.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/dock.json","install_command":"npx shadcn@latest add https://beui.dev/r/dock.json","copy_url":"https://beui.dev/r/dock.json"},{"name":"tooltip","title":"Tooltip","description":"Hover or focus tooltip with blur enter/exit and spring spawn.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://beui.dev/r/tooltip.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://beui.dev/r/context-menu.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/popover.json","install_command":"npx shadcn@latest add https://beui.dev/r/popover.json","copy_url":"https://beui.dev/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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/popover-morph.json","install_command":"npx shadcn@latest add https://beui.dev/r/popover-morph.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/morphing-modal.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-modal.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/center-morph-modal.json","install_command":"npx shadcn@latest add https://beui.dev/r/center-morph-modal.json","copy_url":"https://beui.dev/r/center-morph-modal.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/chromatic-text-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/chromatic-text-reveal.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/text-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-reveal.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-shimmer.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/text-cascade.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-cascade.json","copy_url":"https://beui.dev/r/text-cascade.json"},{"name":"number-ticker","title":"Number Animation Number Ticker","description":"Slot-machine rolling digits with staggered entry.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/number-ticker.json","install_command":"npx shadcn@latest add https://beui.dev/r/number-ticker.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/animated-number.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-number.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/animated-badge.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-badge.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/action-swap-cascade.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-cascade.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/action-swap-blur.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-blur.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/action-swap-roll.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-roll.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/animated-toast-stack.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-toast-stack.json","copy_url":"https://beui.dev/r/animated-toast-stack.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Theme toggle button with a full-page rectangle clip-path reveal via the View Transition API.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://beui.dev/r/theme-toggle.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/bouncy-accordion.json","install_command":"npx shadcn@latest add https://beui.dev/r/bouncy-accordion.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://beui.dev/r/drawer.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://beui.dev/r/smooth-scroll.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/scroll-progress.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-progress.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/parallax.json","install_command":"npx shadcn@latest add https://beui.dev/r/parallax.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/scroll-to.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-to.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-reveal.json","copy_url":"https://beui.dev/r/scroll-reveal.json"},{"name":"range-slider","title":"Range Slider","description":"Range slider with tick dots and a bouncy vertical-bar thumb that glides between snapped steps; drag and keyboard control, reduced-motion safe.","type":"registry:component","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/range-slider.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider.json","copy_url":"https://beui.dev/r/range-slider.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/wheel-picker.json","install_command":"npx shadcn@latest add https://beui.dev/r/wheel-picker.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/table.json","install_command":"npx shadcn@latest add https://beui.dev/r/table.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/table-editable.json","install_command":"npx shadcn@latest add https://beui.dev/r/table-editable.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/table-async.json","install_command":"npx shadcn@latest add https://beui.dev/r/table-async.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/shader-background.json","install_command":"npx shadcn@latest add https://beui.dev/r/shader-background.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/cylinder-carousel.json","install_command":"npx shadcn@latest add https://beui.dev/r/cylinder-carousel.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/loader.json","install_command":"npx shadcn@latest add https://beui.dev/r/loader.json","copy_url":"https://beui.dev/r/loader.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/infinite-masonry.json","install_command":"npx shadcn@latest add https://beui.dev/r/infinite-masonry.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/notification-stack.json","install_command":"npx shadcn@latest add https://beui.dev/r/notification-stack.json","copy_url":"https://beui.dev/r/notification-stack.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/knockout-wheel.json","install_command":"npx shadcn@latest add https://beui.dev/r/knockout-wheel.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/knockout-bracket.json","install_command":"npx shadcn@latest add https://beui.dev/r/knockout-bracket.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/availability-scheduler.json","install_command":"npx shadcn@latest add https://beui.dev/r/availability-scheduler.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/swap.json","install_command":"npx shadcn@latest add https://beui.dev/r/swap.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://beui.dev/r/dynamic-island.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://beui.dev/r/command-palette.json","copy_url":"https://beui.dev/r/command-palette.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/expandable-action-bar.json","install_command":"npx shadcn@latest add https://beui.dev/r/expandable-action-bar.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/overflow-actions.json","install_command":"npx shadcn@latest add https://beui.dev/r/overflow-actions.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://beui.dev/r/expandable-tabs.json","copy_url":"https://beui.dev/r/expandable-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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/swipeable-list.json","install_command":"npx shadcn@latest add https://beui.dev/r/swipeable-list.json","copy_url":"https://beui.dev/r/swipeable-list.json"},{"name":"file-upload","title":"File Upload","description":"Drag-and-drop upload queue with progress rows, retry/remove actions and reduced-motion-safe state changes.","type":"registry:block","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://beui.dev/r/file-upload.json","copy_url":"https://beui.dev/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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/prediction-market.json","install_command":"npx shadcn@latest add https://beui.dev/r/prediction-market.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/wallet-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/wallet-card.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://beui.dev/r/otp-input.json","copy_url":"https://beui.dev/r/otp-input.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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/bloom-menu.json","install_command":"npx shadcn@latest add https://beui.dev/r/bloom-menu.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/feedback-widget.json","install_command":"npx shadcn@latest add https://beui.dev/r/feedback-widget.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/not-found-glitch.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-glitch.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/not-found-magnetic.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-magnetic.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/not-found-spotlight.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-spotlight.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/not-found-stacked.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-stacked.json","copy_url":"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","tags":["animation","auth","backgrounds","buttons","cards","crypto","dashboard","forms","loaders","media","navigation","overlays","pro-available","retro","tables","text-effects","theming"],"categories":["Animated components"],"source_url":"https://beui.dev/r/not-found-terminal.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-terminal.json","copy_url":"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"],"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.vercel.app/registry/billingsdk","markdown":"https://sh4dcn.vercel.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":483,"open_issues":15,"last_commit":"2026-06-19T11:21:30Z"},"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/index.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/index.json","copy_url":"https://billingsdk.com/r/index.json"},{"name":"all","title":"All Components","description":"All components in the BillingSDK","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/all.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/all.json","copy_url":"https://billingsdk.com/r/all.json"},{"name":"hello-world","title":"Hello World Component","description":"A simple hello world component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/hello-world.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/hello-world.json","copy_url":"https://billingsdk.com/r/hello-world.json"},{"name":"invoice-history","title":"Invoice History","description":"A read-only invoice history table","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/invoice-history.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/invoice-history.json","copy_url":"https://billingsdk.com/r/invoice-history.json"},{"name":"pricing-table-one","title":"Pricing Table One","description":"A pricing table component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-one.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-one.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-two.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-two.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-three.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-three.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-four.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-four.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-five.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-five.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-six.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-six.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-seven.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-seven.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-eight.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-eight.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/cancel-subscription-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/cancel-subscription-dialog.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/cancel-subscription-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/cancel-subscription-card.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-based-pricing.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-based-pricing.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/update-plan-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/update-plan-dialog.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/update-plan-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/update-plan-card.json","copy_url":"https://billingsdk.com/r/update-plan-card.json"},{"name":"subscription-management","title":"Subscription Management","description":"A subscription management component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/subscription-management.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/subscription-management.json","copy_url":"https://billingsdk.com/r/subscription-management.json"},{"name":"usage-meter-linear","title":"Usage Meter Linear","description":"A usage meter linear component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-meter-linear.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-meter-linear.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-meter-circle.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-meter-circle.json","copy_url":"https://billingsdk.com/r/usage-meter-circle.json"},{"name":"banner","title":"Top Banner","description":"A banner component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/banner.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/banner.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-method-selector.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-method-selector.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-details.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-details.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-details-two.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-details-two.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-settings.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-settings.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-settings-2.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-settings-2.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/proration-preview.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/proration-preview.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/detailed-usage-table.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/detailed-usage-table.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-table.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-table.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/upcoming-charges.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/upcoming-charges.json","copy_url":"https://billingsdk.com/r/upcoming-charges.json"},{"name":"payment-card","title":"Payment Card","description":"A payment card component","type":"registry:block","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-card.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/limited-offer-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/limited-offer-dialog.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/trial-expiry-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/trial-expiry-card.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-failure.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-failure.json","copy_url":"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","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-screen.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-screen.json","copy_url":"https://billingsdk.com/r/billing-screen.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.vercel.app/registry/bklit","markdown":"https://sh4dcn.vercel.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?opengraph-image.3mt5td95v4vri.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1253,"open_issues":2,"last_commit":"2026-07-06T10:16:41Z"},"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":56,"components":[{"name":"utils","title":"Utilities","description":"Utility functions for className merging with clsx and tailwind-merge","type":"registry:lib","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/utils.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/utils.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/shimmering-text.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-utils.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-utils.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-context.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-context.json","copy_url":"https://ui.bklit.com/r/chart-context.json"},{"name":"chart-animation","title":"Chart Animation","description":"Shared motion helpers for chart enter transitions, clip reveals, and staggered animations","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-animation.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-animation.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-series.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-series.json","copy_url":"https://ui.bklit.com/r/chart-series.json"},{"name":"grid","title":"Chart Grid","description":"Grid lines for charts","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/grid.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/grid.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/reference-area.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/reference-area.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/projection-line.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/projection-line.json","copy_url":"https://ui.bklit.com/r/projection-line.json"},{"name":"background","title":"Chart Background","description":"Pattern fill for the plot area when grid lines are hidden","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/background.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/background.json","copy_url":"https://ui.bklit.com/r/background.json"},{"name":"x-axis","title":"X Axis","description":"X-axis component for time-series charts","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/x-axis.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/x-axis.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/y-axis.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/y-axis.json","copy_url":"https://ui.bklit.com/r/y-axis.json"},{"name":"chart-tooltip","title":"Chart Tooltip","description":"Composable tooltip components for charts","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-tooltip.json","copy_url":"https://ui.bklit.com/r/chart-tooltip.json"},{"name":"legend","title":"Chart Legend","description":"Composable legend components for charts","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/legend.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/legend.json","copy_url":"https://ui.bklit.com/r/legend.json"},{"name":"markers","title":"Chart Markers","description":"Marker components for highlighting data points on charts","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/markers.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/markers.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/area-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/composed-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/composed-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/bar-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/line-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/bar-depth.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/bar-depth.json","copy_url":"https://ui.bklit.com/r/bar-depth.json"},{"name":"scatter-chart","title":"Scatter Chart","description":"A composable time-series scatter chart with offset rings, hover dimming, and animated enter","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/scatter-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/scatter-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/candlestick-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/pie-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/radar-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/ring-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/ring-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/gauge-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/heatmap-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/choropleth-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/choropleth-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/funnel-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/funnel-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sankey-chart.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sunburst-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sunburst-chart.json","copy_url":"https://ui.bklit.com/r/sunburst-chart.json"},{"name":"area-chart-example","title":"Area Chart Example","description":"Composable area-chart demo for Open in v0","type":"registry:example","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.bklit.com/r/live-line-chart-example.json"},{"name":"chart-stat-flow","title":"Chart Stat Flow","description":"Animated stat value and label for chart overlays","type":"registry:component","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.bklit.com/r/chart-stat-flow.json"},{"name":"stat-card-area-01","title":"Stat Card Area","description":"Revenue stat card with gradient area sparkline, NumberFlow, and trend badge","type":"registry:block","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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 gradient area sparkline, NumberFlow, and trend badge — demo for Open in v0","type":"registry:example","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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 line sparkline, overlaid NumberFlow, and trend badge","type":"registry:block","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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 line sparkline, overlaid NumberFlow, and trend badge — demo for Open in v0","type":"registry:example","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.bklit.com/r/stat-card-choropleth-01-example.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"],"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.vercel.app/registry/blocks-so","markdown":"https://sh4dcn.vercel.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":1685,"open_issues":6,"last_commit":"2026-04-27T12:53:27Z"},"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":77,"components":[{"name":"ai-01","title":"AI Chat with Voice Input","description":"A ai chat with voice input block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-04.json","copy_url":"https://blocks.so/r/ai-04.json"},{"name":"ai-05","title":"AI Elements Chat","description":"A ai elements chat block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-05.json","copy_url":"https://blocks.so/r/ai-05.json"},{"name":"command-menu-01","title":"Command Menu with Groups","description":"A command menu with groups block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-03.json","copy_url":"https://blocks.so/r/command-menu-03.json"},{"name":"dialog-01","title":"Dialog Confirmation","description":"A dialog confirmation block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-10.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-10.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-11.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-11.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-12.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-12.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-07.json","copy_url":"https://blocks.so/r/login-07.json"},{"name":"login-08","title":"Login with SSO","description":"A login with sso block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-09.json","copy_url":"https://blocks.so/r/login-09.json"},{"name":"onboarding-01","title":"Onboarding","description":"A onboarding block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-01.json","copy_url":"https://blocks.so/r/onboarding-01.json"},{"name":"onboarding-02","title":"Onboarding Workspace Setup","description":"A onboarding workspace setup block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-03.json","copy_url":"https://blocks.so/r/onboarding-03.json"},{"name":"onboarding-04","title":"Onboarding Accordion","description":"A onboarding accordion block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-04.json","copy_url":"https://blocks.so/r/onboarding-04.json"},{"name":"onboarding-05","title":"Onboarding Activity Feed","description":"A onboarding activity feed block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-05.json","copy_url":"https://blocks.so/r/onboarding-05.json"},{"name":"onboarding-06","title":"Onboarding Timeline","description":"A onboarding timeline block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-06.json","copy_url":"https://blocks.so/r/onboarding-06.json"},{"name":"onboarding-07","title":"Onboarding Deploy Pipeline","description":"A onboarding deploy pipeline block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-07.json","copy_url":"https://blocks.so/r/onboarding-07.json"},{"name":"sidebar-01","title":"Sidebar Collapsible Sections","description":"A sidebar collapsible sections block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-01.json","copy_url":"https://blocks.so/r/sidebar-01.json"},{"name":"sidebar-02","title":"Sidebar Dashboard Inset","description":"A sidebar dashboard inset block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-02.json","copy_url":"https://blocks.so/r/sidebar-02.json"},{"name":"sidebar-03","title":"Sidebar Dashboard Floating","description":"A sidebar dashboard floating block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-04.json","copy_url":"https://blocks.so/r/sidebar-04.json"},{"name":"sidebar-05","title":"Sidebar Double-Sided","description":"A sidebar double-sided block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-05.json","copy_url":"https://blocks.so/r/sidebar-05.json"},{"name":"sidebar-06","title":"Sidebar Replacement","description":"A sidebar replacement block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-06.json","copy_url":"https://blocks.so/r/sidebar-06.json"},{"name":"stats-01","title":"Stats with Trending","description":"A stats with trending block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-01.json","copy_url":"https://blocks.so/r/stats-01.json"},{"name":"stats-02","title":"Stats with Borders","description":"A stats with borders block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-03.json","copy_url":"https://blocks.so/r/stats-03.json"},{"name":"stats-04","title":"Stats with Badges","description":"A stats with badges block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-04.json","copy_url":"https://blocks.so/r/stats-04.json"},{"name":"stats-05","title":"Stats with Links","description":"A stats with links block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-05.json","copy_url":"https://blocks.so/r/stats-05.json"},{"name":"stats-06","title":"Stats with Status","description":"A stats with status block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-08.json","copy_url":"https://blocks.so/r/stats-08.json"},{"name":"stats-09","title":"Stats with Progress","description":"A stats with progress block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-10.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-10.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-11.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-11.json","copy_url":"https://blocks.so/r/stats-11.json"},{"name":"stats-12","title":"Stats Usage Dashboard","description":"A stats usage dashboard block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-12.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-12.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-13.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-13.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-14.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-14.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-15.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-15.json","copy_url":"https://blocks.so/r/stats-15.json"},{"name":"table-01","title":"Table with Accordion","description":"A table with accordion block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/table-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-01.json","copy_url":"https://blocks.so/r/table-01.json"},{"name":"table-02","title":"Table with Actions","description":"A table with actions block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/table-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-02.json","copy_url":"https://blocks.so/r/table-02.json"},{"name":"table-03","title":"Table with Filters","description":"A table with filters block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/table-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/table-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-04.json","copy_url":"https://blocks.so/r/table-04.json"},{"name":"table-05","title":"Data Table","description":"A data table block.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/table-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-05.json","copy_url":"https://blocks.so/r/table-05.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":["auth","blocks","cards","icons","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/registry.json","source":"https://blockus.lndevui.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/blockus","markdown":"https://sh4dcn.vercel.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://blockus.lndevui.com/brand/banner.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.lndev.me/templates"},"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://blockus.lndevui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blockus.lndevui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://blockus.lndevui.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://blockus.lndevui.com/r/registry.json"},"component_count":250,"components":[{"name":"hero-01","title":"Aurora-glow hero","description":"Centered hero with a soft conic-gradient aurora behind the headline and a row of stacked avatars as social proof.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-01.json","copy_url":"https://blockus.lndevui.com/r/hero-01.json"},{"name":"hero-02","title":"blockus marketing hero","description":"The full blockus opening — sticky non-auth header on top, crosshair-framed dotted backdrop, an announcement pill, a four-clause balanced headline and dual CTAs…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-02.json","copy_url":"https://blockus.lndevui.com/r/hero-02.json"},{"name":"hero-03","title":"Split hero with terminal preview","description":"Two-column hero with copy on the left and a mock terminal showing the install command on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-03.json","copy_url":"https://blockus.lndevui.com/r/hero-03.json"},{"name":"hero-04","title":"Hero with cycling word","description":"Centered headline whose bracketed word rotates between five options via a pure-CSS keyframe.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-04.json","copy_url":"https://blockus.lndevui.com/r/hero-04.json"},{"name":"hero-05","title":"Editorial newspaper hero","description":"Serif headline, kicker ribbon and a two-column intro evoking a magazine cover layout.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-05.json","copy_url":"https://blockus.lndevui.com/r/hero-05.json"},{"name":"hero-06","title":"Dashboard split hero","description":"Dark split hero with a tilted dashboard mockup on the right, conic glow behind the copy and a customer-logos row anchoring the bottom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-06.json","copy_url":"https://blockus.lndevui.com/r/hero-06.json"},{"name":"hero-07","title":"Spotlight serif hero","description":"Centered serif headline, glowing primary CTA and a logo marquee at the bottom — moody and high-contrast.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-07.json","copy_url":"https://blockus.lndevui.com/r/hero-07.json"},{"name":"hero-08","title":"Beam-of-light hero","description":"Left-aligned hero with a diagonal violet light beam slicing across the canvas and a Used-by trust strip at the bottom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-08.json","copy_url":"https://blockus.lndevui.com/r/hero-08.json"},{"name":"hero-09","title":"Stats-grid hero","description":"Hero combining a strong headline with a four-stat metric grid revealing growth numbers under the CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-09.json","copy_url":"https://blockus.lndevui.com/r/hero-09.json"},{"name":"hero-10","title":"Spotlight cursor hero","description":"Hero with an interactive spotlight that follows the cursor, revealing a hidden gradient under a dotted backdrop.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-10.json","copy_url":"https://blockus.lndevui.com/r/hero-10.json"},{"name":"hero-11","title":"Bento feature hero","description":"Hero copy on the left paired with a four-tile bento grid teasing the product's key capabilities on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-11.json","copy_url":"https://blockus.lndevui.com/r/hero-11.json"},{"name":"hero-12","title":"Marquee badge hero","description":"Centered hero with an auto-scrolling badge marquee under the headline highlighting capabilities and integrations.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-12.json","copy_url":"https://blockus.lndevui.com/r/hero-12.json"},{"name":"pricing-01","title":"Lifetime spotlight pricing","description":"Single bold offer card with monthly-vs-lifetime savings callout and decorative gradient bloom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-01.json","copy_url":"https://blockus.lndevui.com/r/pricing-01.json"},{"name":"pricing-02","title":"Three-tier comparison","description":"Free, Pro and Team tiers side-by-side with feature checklists and a highlighted middle plan.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-02.json","copy_url":"https://blockus.lndevui.com/r/pricing-02.json"},{"name":"pricing-03","title":"Monthly / yearly toggle","description":"Two-plan layout with a billing-period switch and a discount badge on the yearly option.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-03.json","copy_url":"https://blockus.lndevui.com/r/pricing-03.json"},{"name":"pricing-04","title":"Inline pricing pills","description":"Three compact tiers arranged in a single horizontal card — perfect for a marketing site footer band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-04.json","copy_url":"https://blockus.lndevui.com/r/pricing-04.json"},{"name":"pricing-05","title":"Team-seat slider pricing","description":"Single plan whose total updates as the user slides the team-seat count between 1 and 25.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-05.json","copy_url":"https://blockus.lndevui.com/r/pricing-05.json"},{"name":"pricing-06","title":"Service-tier pricing cards","description":"Three dark service-tier cards with coloured category chips, scarcity badge and gradient bottom CTAs.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-06.json","copy_url":"https://blockus.lndevui.com/r/pricing-06.json"},{"name":"pricing-07","title":"Comparison matrix pricing","description":"Full feature-by-tier comparison matrix with grouped sections, sticky header column and tier callouts.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-07.json","copy_url":"https://blockus.lndevui.com/r/pricing-07.json"},{"name":"pricing-08","title":"Mega-offer pricing","description":"A single big-statement pricing card with a vertical price stack, glowing accent and a long feature list.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-08.json","copy_url":"https://blockus.lndevui.com/r/pricing-08.json"},{"name":"pricing-09","title":"Stacked accordion pricing","description":"Tiers arranged vertically as expandable rows revealing per-plan features on click.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-09.json","copy_url":"https://blockus.lndevui.com/r/pricing-09.json"},{"name":"pricing-10","title":"Usage-based pricing","description":"Usage slider with tiered breakpoints — live preview of the estimated bill based on monthly volume.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-10.json","copy_url":"https://blockus.lndevui.com/r/pricing-10.json"},{"name":"pricing-11","title":"Pay-what-you-want","description":"Single offer card with a custom-amount input, three preset chips and a live confirmation strip.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-11.json","copy_url":"https://blockus.lndevui.com/r/pricing-11.json"},{"name":"pricing-12","title":"Multi-currency pricing","description":"Three-tier pricing with a currency switcher (USD / EUR / GBP) that updates every plan in place.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-12.json","copy_url":"https://blockus.lndevui.com/r/pricing-12.json"},{"name":"pricing-13","title":"Annual savings spotlight","description":"Two-plan layout with the annual plan visually amplified — savings badge, comparison bar and copy callout.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-13.json","copy_url":"https://blockus.lndevui.com/r/pricing-13.json"},{"name":"pricing-14","title":"Modular add-on builder","description":"Base plan card with stacked add-on checkboxes; total recomputes as add-ons are toggled.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-14.json","copy_url":"https://blockus.lndevui.com/r/pricing-14.json"},{"name":"pricing-15","title":"Testimonial-paired pricing","description":"Pricing card on one side, rotating customer quote on the other — social proof anchored to the buy decision.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-15.json","copy_url":"https://blockus.lndevui.com/r/pricing-15.json"},{"name":"pricing-16","title":"Two-plan side-by-side","description":"Free and Pro plans in two clean side-by-side cards, one highlighted — monthly-only, no toggle required.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-16.json","copy_url":"https://blockus.lndevui.com/r/pricing-16.json"},{"name":"pricing-17","title":"Single centered plan card","description":"One product, one price — a centered card with a full feature list, compare-at strikethrough, and trust badges.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-17.json","copy_url":"https://blockus.lndevui.com/r/pricing-17.json"},{"name":"pricing-18","title":"Three-tier monthly/yearly toggle","description":"Three tiers with a monthly/yearly toggle and a save-20% badge, middle tier highlighted as most picked.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-18.json","copy_url":"https://blockus.lndevui.com/r/pricing-18.json"},{"name":"pricing-19","title":"Feature comparison grid","description":"Rows of features across three plans with check/dash indicators, built as a responsive grid with grouped categories.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-19.json","copy_url":"https://blockus.lndevui.com/r/pricing-19.json"},{"name":"pricing-20","title":"Usage-based range slider","description":"Native range slider updates an estimated monthly price in real time as the user drags through event-volume tiers.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-20.json","copy_url":"https://blockus.lndevui.com/r/pricing-20.json"},{"name":"pricing-21","title":"Four compact tier row","description":"Four minimal plan tiles in a single row — price, three bullets each, and a CTA, nothing more.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-21.json","copy_url":"https://blockus.lndevui.com/r/pricing-21.json"},{"name":"pricing-22","title":"Pricing cards with FAQ accordion","description":"Two pricing cards on the left, a small FAQ accordion on the right — answers sit next to the buy button.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-22.json","copy_url":"https://blockus.lndevui.com/r/pricing-22.json"},{"name":"pricing-23","title":"Dark high-contrast spotlight","description":"Always-dark stone-950 canvas, single featured tier with a violet radial glow and a glowing CTA button.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-23.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-23.json","copy_url":"https://blockus.lndevui.com/r/pricing-23.json"},{"name":"pricing-24","title":"Pro + Enterprise split","description":"Two-panel layout — a priced Pro tier on the left and an Enterprise contact-sales panel on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-24.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-24.json","copy_url":"https://blockus.lndevui.com/r/pricing-24.json"},{"name":"pricing-25","title":"Per-seat stepper pricing","description":"Seat stepper with +/− buttons and quick-pick presets updates the monthly and yearly totals in place.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-25.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-25.json","copy_url":"https://blockus.lndevui.com/r/pricing-25.json"},{"name":"pricing-26","title":"Lifetime deal card","description":"One-time lifetime deal with a compare-at strikethrough price, savings badge, and trust-badge row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-26.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/pricing-26.json","copy_url":"https://blockus.lndevui.com/r/pricing-26.json"},{"name":"footer-01","title":"Footer with mission statement","description":"Left column carries a punchy serif brand statement, right column groups three nav lists.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-01.json","copy_url":"https://blockus.lndevui.com/r/footer-01.json"},{"name":"footer-02","title":"Mega wordmark footer","description":"Compact nav columns on top, a huge wordmark across the bottom serving as a visual anchor.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-02.json","copy_url":"https://blockus.lndevui.com/r/footer-02.json"},{"name":"footer-03","title":"CTA footer","description":"Final-call footer leading with a Ready-to-ship CTA card and a slim copyright row underneath.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-03.json","copy_url":"https://blockus.lndevui.com/r/footer-03.json"},{"name":"footer-04","title":"Newsletter centerpiece footer","description":"Full-width newsletter capture as the centerpiece, framed by nav columns and a copyright row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-04.json","copy_url":"https://blockus.lndevui.com/r/footer-04.json"},{"name":"footer-05","title":"Dark card footer","description":"Single rounded dark card containing brand, nav and copyright — sits inside the page like an island.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-05.json","copy_url":"https://blockus.lndevui.com/r/footer-05.json"},{"name":"footer-06","title":"Floating CTA footer","description":"Dark rounded CTA capsule floating above a light footer with a faded oversized wordmark behind it.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-06.json","copy_url":"https://blockus.lndevui.com/r/footer-06.json"},{"name":"footer-07","title":"Integration-logos footer","description":"Footer leading with a grid of integration partner logos, paired with concise nav columns.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-07.json","copy_url":"https://blockus.lndevui.com/r/footer-07.json"},{"name":"footer-08","title":"Status + newsletter footer","description":"Footer combining a live status pill, newsletter capture and a social-icon row in a single band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-08.json","copy_url":"https://blockus.lndevui.com/r/footer-08.json"},{"name":"footer-09","title":"Compact one-row footer","description":"Minimal single-row footer — brand on the left, condensed nav and socials on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-09.json","copy_url":"https://blockus.lndevui.com/r/footer-09.json"},{"name":"footer-10","title":"Locations footer","description":"Footer with three location blocks (city, address, hours) and a thin contact band on top.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-10.json","copy_url":"https://blockus.lndevui.com/r/footer-10.json"},{"name":"footer-11","title":"Sticky CTA bar footer","description":"Sticky bottom CTA bar over a slim footer — drives final conversion as the user reaches the page bottom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-11.json","copy_url":"https://blockus.lndevui.com/r/footer-11.json"},{"name":"footer-12","title":"Product-grid footer","description":"Footer with a four-tile mini product showcase grid above the navigation columns.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-12.json","copy_url":"https://blockus.lndevui.com/r/footer-12.json"},{"name":"footer-13","title":"Gradient brand footer","description":"Footer set on a rich gradient with a large brand statement and tightly-spaced nav lists.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-13.json","copy_url":"https://blockus.lndevui.com/r/footer-13.json"},{"name":"footer-14","title":"Testimonial rail footer","description":"Three mini testimonial cards form a rail above the standard footer columns.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-14.json","copy_url":"https://blockus.lndevui.com/r/footer-14.json"},{"name":"footer-15","title":"Big-type minimalist footer","description":"Massive single-line brand wordmark dominates the layout, with a discreet nav band on top.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-15.json","copy_url":"https://blockus.lndevui.com/r/footer-15.json"},{"name":"hero-13","title":"AI analytics dashboard hero","description":"Centered hero with inline metric chips, paired with a live, clickable dashboard mockup — sidebar pages, tab switcher and chart toggle all wired up.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-13.json","copy_url":"https://blockus.lndevui.com/r/hero-13.json"},{"name":"hero-14","title":"Big-type cream hero with mega menu","description":"Massive sans-serif headline on a cream canvas with playful pebble decoration, a hover-revealed product mega menu and a multi-logo trust strip below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-14.json","copy_url":"https://blockus.lndevui.com/r/hero-14.json"},{"name":"hero-15","title":"Dark issue-tracker hero","description":"Pure-black hero with a status callout on the right and a fully clickable issue-tracker mockup — sidebar pages, tabs and prev/next navigation all interactive.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-15.json","copy_url":"https://blockus.lndevui.com/r/hero-15.json"},{"name":"hero-16","title":"Serif notebook hero with mega menu","description":"Sky-blue editorial hero with serif headline, paper-cut mountain horizon and a notebook app mockup — plus a hover-revealed product mega menu in the floating nav…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-16.json","copy_url":"https://blockus.lndevui.com/r/hero-16.json"},{"name":"contact-01","title":"Centered contact form","description":"Centered headline with a clean three-field contact form — the safest starting point for any marketing site.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-01.json","copy_url":"https://blockus.lndevui.com/r/contact-01.json"},{"name":"contact-02","title":"Split contact with details","description":"Two-column layout pairing a copy block plus email / phone / locations on the left with a long form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-02.json","copy_url":"https://blockus.lndevui.com/r/contact-02.json"},{"name":"contact-03","title":"Three-channel contact cards","description":"Routes visitors to the right team via three side-by-side cards — Sales, Support, Press — each with its own CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-03.json","copy_url":"https://blockus.lndevui.com/r/contact-03.json"},{"name":"contact-04","title":"Form with HQ panel","description":"Split card with a dotted-grid HQ panel on the left and a full contact form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-04.json","copy_url":"https://blockus.lndevui.com/r/contact-04.json"},{"name":"contact-05","title":"Bento contact form","description":"Long form on the left, four contact-method tiles on the right — email, phone, live chat, response time.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-05.json","copy_url":"https://blockus.lndevui.com/r/contact-05.json"},{"name":"contact-06","title":"Offices grid","description":"Three office cards showing city, address, hours and a deep link to Maps — perfect for an About / Contact page.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-06.json","copy_url":"https://blockus.lndevui.com/r/contact-06.json"},{"name":"contact-07","title":"Dark glass contact","description":"Dark hero-style contact section with a glowing radial backdrop and a glass form card floating on top.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-07.json","copy_url":"https://blockus.lndevui.com/r/contact-07.json"},{"name":"contact-08","title":"Compact contact column","description":"Single-column contact card — email, message, send — plus a row of social icons under a hairline divider.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-08.json","copy_url":"https://blockus.lndevui.com/r/contact-08.json"},{"name":"contact-09","title":"Meet the team contact","description":"Form on the right, four gradient-avatar teammates on the left signalling Sales / Support / Partnerships / Engineering.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-09.json","copy_url":"https://blockus.lndevui.com/r/contact-09.json"},{"name":"contact-10","title":"Newsletter + form combo","description":"Half newsletter capture, half contact form in a single rounded card — for sites that want both.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-10.json","copy_url":"https://blockus.lndevui.com/r/contact-10.json"},{"name":"contact-11","title":"Inquiry router","description":"Pick Sales / Support / Press first — the form below adapts its placeholder and CTA to that route.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-11.json","copy_url":"https://blockus.lndevui.com/r/contact-11.json"},{"name":"contact-12","title":"Multi-step inquiry form","description":"Three-step form with progress dots — You, Project, Goal — for warm inbound leads.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-12.json","copy_url":"https://blockus.lndevui.com/r/contact-12.json"},{"name":"contact-13","title":"Glass card on gradient","description":"Minimalist contact form floating inside a frosted card over a soft tri-gradient backdrop.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-13.json","copy_url":"https://blockus.lndevui.com/r/contact-13.json"},{"name":"contact-14","title":"Sticky promises aside","description":"Form on the right, sticky aside on the left listing reasons-to-write and the support email.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-14.json","copy_url":"https://blockus.lndevui.com/r/contact-14.json"},{"name":"contact-15","title":"One-line contact pill","description":"Minimal centered hero with a single rounded email pill — the lightest contact section in the catalog.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-15.json","copy_url":"https://blockus.lndevui.com/r/contact-15.json"},{"name":"faqs-01","title":"Centered accordion FAQ","description":"Centered headline plus an accordion of common questions — the bread-and-butter FAQ layout.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-01.json","copy_url":"https://blockus.lndevui.com/r/faqs-01.json"},{"name":"faqs-02","title":"Two-column FAQ","description":"Sticky copy on the left, full accordion on the right — easier scanning when there are 5+ questions.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-02.json","copy_url":"https://blockus.lndevui.com/r/faqs-02.json"},{"name":"faqs-03","title":"Tabbed FAQ categories","description":"Pill tabs route between General / Billing / Support, each backed by its own accordion list.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-03.json","copy_url":"https://blockus.lndevui.com/r/faqs-03.json"},{"name":"faqs-04","title":"FAQ card grid","description":"Six question-and-answer cards in a tight grid — quick to scan when no question dominates.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-04.json","copy_url":"https://blockus.lndevui.com/r/faqs-04.json"},{"name":"faqs-05","title":"Numbered FAQ list","description":"Editorial-style FAQ with mono numerals on the left and questions in big tracking-tight type.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-05.json","copy_url":"https://blockus.lndevui.com/r/faqs-05.json"},{"name":"faqs-06","title":"Searchable FAQ","description":"Search input above the accordion — typing filters the list live, with an empty-state nudge to email support.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-06.json","copy_url":"https://blockus.lndevui.com/r/faqs-06.json"},{"name":"faqs-07","title":"Featured question spotlight","description":"Single big-typography question on top with a long answer card below and a row of related-question pills.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-07.json","copy_url":"https://blockus.lndevui.com/r/faqs-07.json"},{"name":"faqs-08","title":"Two-column FAQ cards","description":"FAQs grouped into two themed cards side-by-side — Product on one, Billing & team on the other.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-08.json","copy_url":"https://blockus.lndevui.com/r/faqs-08.json"},{"name":"faqs-09","title":"FAQ with help card","description":"Accordion on the left, sticky support card on the right with a CTA to open a ticket.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-09.json","copy_url":"https://blockus.lndevui.com/r/faqs-09.json"},{"name":"faqs-10","title":"Dark themed FAQ","description":"Inverted FAQ block — moody dark background, pink glow and a frosted accordion shell.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-10.json","copy_url":"https://blockus.lndevui.com/r/faqs-10.json"},{"name":"faqs-11","title":"Bento FAQ grid","description":"Mixed-span FAQ tiles arranged like a bento board for a more editorial feel.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-11.json","copy_url":"https://blockus.lndevui.com/r/faqs-11.json"},{"name":"faqs-12","title":"Sidebar scroll-spy FAQ","description":"Sticky topic sidebar paired with stacked themed sections — perfect for a docs-style FAQ page.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-12.json","copy_url":"https://blockus.lndevui.com/r/faqs-12.json"},{"name":"faqs-13","title":"One-line FAQ rows","description":"Question and answer in two columns per row — fastest to read when answers are short.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-13.json","copy_url":"https://blockus.lndevui.com/r/faqs-13.json"},{"name":"faqs-14","title":"FAQ with sticky support","description":"Two-column FAQ with a sticky support-CTA card on the right — keeps the help button always visible.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-14.json","copy_url":"https://blockus.lndevui.com/r/faqs-14.json"},{"name":"faqs-15","title":"Editorial serif FAQ","description":"Quiet, serif-typeset FAQ with a section glyph header — fits brand sites that favour print restraint.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-15.json","copy_url":"https://blockus.lndevui.com/r/faqs-15.json"},{"name":"login-01","title":"Centered card login","description":"Classic shadcn-style centered login card — brand mark, email, password, primary CTA and a sign-up nudge.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-01.json","copy_url":"https://blockus.lndevui.com/r/login-01.json"},{"name":"login-02","title":"Magic-link first login","description":"Single email field, magic-link CTA and an outline Continue-with-Google fallback below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-02.json","copy_url":"https://blockus.lndevui.com/r/login-02.json"},{"name":"login-03","title":"Split login with testimonial","description":"Form on the left, full-bleed marketing testimonial panel on the right — the proven SaaS layout.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-03.json","copy_url":"https://blockus.lndevui.com/r/login-03.json"},{"name":"login-04","title":"Magic-link spotlight","description":"Headline-led magic-link login with a pill-shaped email + button input — minimal and intentional.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-04.json","copy_url":"https://blockus.lndevui.com/r/login-04.json"},{"name":"login-05","title":"Social-first login","description":"Three social-provider buttons up top with a Continue-with-email form below the divider.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-05.json","copy_url":"https://blockus.lndevui.com/r/login-05.json"},{"name":"login-06","title":"Two-step login","description":"Email first, password second — the Notion / Linear pattern with a back-button and remembered email.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-06.json","copy_url":"https://blockus.lndevui.com/r/login-06.json"},{"name":"login-07","title":"Tabbed sign in / sign up","description":"Single card with a Sign-in / Create-account toggle so a visitor never bounces because they need the other flow.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-07.json","copy_url":"https://blockus.lndevui.com/r/login-07.json"},{"name":"login-08","title":"Login with consent","description":"Login card with a remember-me checkbox and a Terms/Privacy disclaimer baked into the form footer.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-08.json","copy_url":"https://blockus.lndevui.com/r/login-08.json"},{"name":"login-09","title":"Two-factor code login","description":"Six individual digit inputs with auto-advance focus — the 2FA confirmation screen ready to drop in.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-09.json","copy_url":"https://blockus.lndevui.com/r/login-09.json"},{"name":"login-10","title":"Developer dark login","description":"Pure-black login card with a terminal-pill header and a mono-styled sign-in button — designed for dev tools.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-10.json","copy_url":"https://blockus.lndevui.com/r/login-10.json"},{"name":"login-11","title":"Brand-panel login","description":"Full-width black brand panel on the left with the marketing statement, login form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-11.json","copy_url":"https://blockus.lndevui.com/r/login-11.json"},{"name":"login-12","title":"Login with stack logos","description":"Centered login card with a row of integration wordmarks underneath as social proof.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-12.json","copy_url":"https://blockus.lndevui.com/r/login-12.json"},{"name":"login-13","title":"Glass card login","description":"Frosted login card floating over a soft violet / pink radial gradient backdrop.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-13.json","copy_url":"https://blockus.lndevui.com/r/login-13.json"},{"name":"login-14","title":"Crosshair frame login","description":"Login form anchored inside an architectural crosshair frame — a quiet brand-forward auth screen.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-14.json","copy_url":"https://blockus.lndevui.com/r/login-14.json"},{"name":"login-15","title":"Login with trial CTA","description":"Login card with a clear forgot-password link plus a dashed call-out routing visitors to start a free trial.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-15.json","copy_url":"https://blockus.lndevui.com/r/login-15.json"},{"name":"register-01","title":"Centered sign-up card","description":"Sister to login-01 — centered card with full name, email, password and a primary Create-account CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-01.json","copy_url":"https://blockus.lndevui.com/r/register-01.json"},{"name":"register-02","title":"One-field email signup","description":"Headline-led signup with a single pill-shaped email + button — for ungated lead capture.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-02.json","copy_url":"https://blockus.lndevui.com/r/register-02.json"},{"name":"register-03","title":"Multi-step register","description":"Three-step sign-up — You, Team, Plan — with a progress bar and plan radio cards on the final step.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-03.json","copy_url":"https://blockus.lndevui.com/r/register-03.json"},{"name":"register-04","title":"Social-first signup","description":"Continue-with-Google / GitHub buttons up top and a Continue-with-email form below the divider.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-04.json","copy_url":"https://blockus.lndevui.com/r/register-04.json"},{"name":"register-05","title":"Free-trial signup","description":"Trial-focused signup card with reassurance pills — Free for 14 days, no card required.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-05.json","copy_url":"https://blockus.lndevui.com/r/register-05.json"},{"name":"register-06","title":"Split signup with quote","description":"Marketing testimonial panel on the left, sign-up form on the right — the SaaS classic.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-06.json","copy_url":"https://blockus.lndevui.com/r/register-06.json"},{"name":"register-07","title":"Bento signup with features","description":"Feature tiles on the left, sign-up form on the right — communicates value while collecting the email.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-07.json","copy_url":"https://blockus.lndevui.com/r/register-07.json"},{"name":"register-08","title":"Newsletter-style signup","description":"Centered card with an icon, social-proof headline and a single email-plus-button input.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-08.json","copy_url":"https://blockus.lndevui.com/r/register-08.json"},{"name":"register-09","title":"Signup with consent","description":"Full sign-up card with first / last name, terms checkbox and a marketing-emails opt-in.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-09.json","copy_url":"https://blockus.lndevui.com/r/register-09.json"},{"name":"register-10","title":"Signup with logo strip","description":"Compact sign-up card with a row of customer wordmarks beneath as social proof.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-10.json","copy_url":"https://blockus.lndevui.com/r/register-10.json"},{"name":"register-11","title":"Signup beside dashboard preview","description":"Sign-up form on the left, a mini dashboard mock-up on the right showing what they unlock.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-11.json","copy_url":"https://blockus.lndevui.com/r/register-11.json"},{"name":"register-12","title":"Dark developer signup","description":"Pure-black sign-up card with frosted inputs — pairs with login-10 for dev-facing products.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-12.json","copy_url":"https://blockus.lndevui.com/r/register-12.json"},{"name":"register-13","title":"Brand-panel signup","description":"Inverted brand panel on the left with the marketing pitch, sign-up form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-13.json","copy_url":"https://blockus.lndevui.com/r/register-13.json"},{"name":"register-14","title":"Glass signup","description":"Frosted sign-up card hovering over a teal / pink radial gradient — pairs with login-13.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-14.json","copy_url":"https://blockus.lndevui.com/r/register-14.json"},{"name":"register-15","title":"Plan-tied signup","description":"Picked plan summary on the left, account form on the right — connects pricing CTA to checkout.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-15.json","copy_url":"https://blockus.lndevui.com/r/register-15.json"},{"name":"logo-cloud-01","title":"Trust strip","description":"Six-logo strip under a one-line trust headline — the safe default trust row for any landing page.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-01.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-01.json"},{"name":"logo-cloud-02","title":"Divided logo grid","description":"Eight wordmarks arranged in a hairline-divided grid — feels like a tidy customer wall.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-02.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-02.json"},{"name":"logo-cloud-03","title":"Marquee logo cloud","description":"Infinite-scrolling marquee of customer wordmarks with edge fades — set-and-forget social proof.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-03.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-03.json"},{"name":"logo-cloud-04","title":"Labeled logo grid","description":"Each logo card carries a tiny meta-label (Case study, Hackathon, Customer) for an honest trust row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-04.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-04.json"},{"name":"logo-cloud-05","title":"Headline-count logos","description":"Massive headline with a hard customer count, anchored by a row of six wordmarks below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-05.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-05.json"},{"name":"logo-cloud-06","title":"Customer story tiles","description":"Three case-study cards — each pairing a logo with a single numeric outcome and a short caption.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-06.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-06.json"},{"name":"logo-cloud-07","title":"Logo + quote pairs","description":"Two side-by-side cards combining a customer logo with a serif-set quote and an attributed author.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-07.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-07.json"},{"name":"logo-cloud-08","title":"Logos with stats","description":"Four-cell stat grid above a logo strip — quantitative trust plus visual trust on one band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-08.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-08.json"},{"name":"logo-cloud-09","title":"Pill logo cloud","description":"Wordmarks wrapped in rounded pill chips so they read as a brand tag cloud instead of a row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-09.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-09.json"},{"name":"logo-cloud-10","title":"Hover-lift logo grid","description":"Twelve-logo grid where each card lifts and crystallises on hover — interactive trust strip.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-10.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-10.json"},{"name":"logo-cloud-11","title":"Two-row marquee","description":"Two opposing marquees — top scrolls left, bottom scrolls right — for richer movement in the trust band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-11.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-11.json"},{"name":"logo-cloud-12","title":"Dark logo grid","description":"Inverted logo wall with a subtle indigo glow — pairs naturally with dark landing pages.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-12.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-12.json"},{"name":"logo-cloud-13","title":"Glow centered logos","description":"Centered cloud with a live-deployment pill on top and a soft sky glow behind the headline.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-13.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-13.json"},{"name":"logo-cloud-14","title":"Industry-grouped logos","description":"Logos grouped by category — Developer tools / Productivity / AI — each in its own labeled row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-14.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-14.json"},{"name":"logo-cloud-15","title":"Featured + others","description":"Big featured-customer card with a quiet row of the rest underneath — useful when one brand carries the proof.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-15.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-15.json"},{"name":"header-01","title":"Classic top bar","description":"Logo + flat nav links with an active-state chip + Login / Get-started CTAs — the bread-and-butter site header.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-01.json","copy_url":"https://blockus.lndevui.com/r/header-01.json"},{"name":"header-02","title":"Centered nav header","description":"Three-column grid header — logo left, centered nav, CTAs on the right with a ghost Login and primary button.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-02.json","copy_url":"https://blockus.lndevui.com/r/header-02.json"},{"name":"header-03","title":"Header with announcement bar","description":"Top utility band with a live status dot, a dismissible New badge and a changelog link, plus two NavigationMenu dropdowns on the nav row — Product categories an…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-03.json","copy_url":"https://blockus.lndevui.com/r/header-03.json"},{"name":"header-04","title":"Header with mega menu","description":"Product + Solutions triggers open a full NavigationMenu — feature grid for Product, two-column Use cases / Content for Solutions.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-04.json","copy_url":"https://blockus.lndevui.com/r/header-04.json"},{"name":"header-05","title":"All-in-one pill nav","description":"Logo, Product + Solutions NavigationMenu dropdowns, flat links and the Sign-in pill — everything tucked into one rounded backdrop-blurred pill.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-05.json","copy_url":"https://blockus.lndevui.com/r/header-05.json"},{"name":"header-06","title":"Sticky scroll header","description":"Sticky top bar that swaps to a translucent blur once the page scrolls past 8px, with a NavigationMenu Pricing dropdown comparing the three tiers inline.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-06.json","copy_url":"https://blockus.lndevui.com/r/header-06.json"},{"name":"header-07","title":"Centered pill nav with split CTA","description":"Logo on the left, centered rounded pill with two NavigationMenu dropdowns (Product + Solutions) and ghost Sign-in plus a glowing indigo Start-for-free CTA on t…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-07.json","copy_url":"https://blockus.lndevui.com/r/header-07.json"},{"name":"header-10","title":"Header with command palette","description":"Search-styled ⌘K trigger height-matched with the Sign-in button, plus a Developers NavigationMenu listing CLI, registry tokens, MCP and GitHub Action.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-10.json","copy_url":"https://blockus.lndevui.com/r/header-10.json"},{"name":"header-11","title":"Dark header with accent CTA","description":"Inverted dark header with a glowing indigo Start-free button and ghost Sign-in — pairs with dark heroes.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-11.json","copy_url":"https://blockus.lndevui.com/r/header-11.json"},{"name":"header-12","title":"Two-row utility header","description":"Top thin row carries email, phone and a locale switcher; main row carries the brand + nav + CTAs.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-12.json","copy_url":"https://blockus.lndevui.com/r/header-12.json"},{"name":"header-13","title":"Authenticated header","description":"Logo + active-aware app nav + an avatar pill that pops a profile / settings / billing / sign-out menu.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-13.json","copy_url":"https://blockus.lndevui.com/r/header-13.json"},{"name":"header-14","title":"Two-row header","description":"Slim utility row on top (by-line + secondary links), main brand + nav + CTA row below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-14.json","copy_url":"https://blockus.lndevui.com/r/header-14.json"},{"name":"header-15","title":"Glass header on gradient","description":"Frosted header card with a soft violet-to-pink corner gradient and two NavigationMenu dropdowns — outcome-led Use cases and audience-led Industries.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-15.json","copy_url":"https://blockus.lndevui.com/r/header-15.json"},{"name":"header-16","title":"Header with shipped pill","description":"Header with a live shipped-version pill that pings, linking to the changelog — broadcasts product velocity.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-16.json","copy_url":"https://blockus.lndevui.com/r/header-16.json"},{"name":"hero-17","title":"Outflux outbound CRM hero","description":"Centered hero with a hand-drawn underline accent, capability pill row and a tilted blue gradient frame holding a full CRM appointments mockup at the bottom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-17.json","copy_url":"https://blockus.lndevui.com/r/hero-17.json"},{"name":"hero-18","title":"Stacker operating-system hero","description":"Centered hero with a live status pill, three-line headline, dual CTAs, partner wordmark row and a clean dashboard mockup with metric tiles, weekly revenue char…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-18.json","copy_url":"https://blockus.lndevui.com/r/hero-18.json"},{"name":"hero-19","title":"Syntara pentagonal hero","description":"Two-column hero pairing a serif-feel headline with a sculpted 3D pentagonal blob on the right and a Used-by logo row anchoring the bottom.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-19.json","copy_url":"https://blockus.lndevui.com/r/hero-19.json"},{"name":"hero-20","title":"Orbit on-chain wallet hero","description":"Pure-dark hero with copy on top and two side-by-side wallet cards — total balance with sparkline plus an accounts list — anchored by a live-updates caption.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-20.json","copy_url":"https://blockus.lndevui.com/r/hero-20.json"},{"name":"hero-21","title":"Forma violet-beam hero","description":"Dark hero with diagonal violet light beams slicing across the canvas, an emerald Get-Started CTA in the nav and a Loved-by world's best logo row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-21.json","copy_url":"https://blockus.lndevui.com/r/hero-21.json"},{"name":"how-it-works-01","title":"Three numbered steps","description":"Centered three-column path with numbered icons, kicker, headline and a single Get-started CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-01.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-01.json"},{"name":"how-it-works-02","title":"Vertical timeline how-it-works","description":"Four-step vertical timeline with dashed rail, numbered nodes and an icon per step.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-02.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-02.json"},{"name":"how-it-works-03","title":"Steps with UI mocks","description":"Three product-flow steps — Capture, Verify, Settle — each card paired with a faithful mini UI mock (payment form, risk checks, receipt).","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-03.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-03.json"},{"name":"how-it-works-04","title":"Sticky-headline how-it-works","description":"Sticky headline on the left, scrolling numbered cards on the right — each with a board / code / funnel mock to make the step concrete.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-04.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-04.json"},{"name":"how-it-works-05","title":"Pipeline with arrows","description":"Compact four-step row connected by dashed arrows — fastest at-a-glance pipeline diagram for an above-the-fold band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-05.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-05.json"},{"name":"how-it-works-06","title":"Bento how-it-works","description":"Four steps arranged as a mixed-span bento — catalog tiles, terminal pane, theme swatch row and a metric summary CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-06.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-06.json"},{"name":"how-it-works-07","title":"Dark terminal how-it-works","description":"Pure-dark how-it-works with three terminal panes — one per step — showing real CLI output and a glowing primary CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-07.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-07.json"},{"name":"how-it-works-08","title":"Editorial serif how-it-works","description":"Serif-typeset how-we-work with roman-numeral chapters, kickers and an artifact card per step — perfect for studio sites.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-08.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-08.json"},{"name":"stats-01","title":"Three-stat row","description":"Centered headline above a hairline-divided three-stat row — the safe default metric band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-01.json","copy_url":"https://blockus.lndevui.com/r/stats-01.json"},{"name":"stats-02","title":"Four-stat tile grid","description":"Four metric tiles with kicker, value and one-line context each — works on every neutral page.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-02.json","copy_url":"https://blockus.lndevui.com/r/stats-02.json"},{"name":"stats-03","title":"Dotted-map stats","description":"Three stats over a dotted world-map backdrop with a live status pill — feels like a global trust band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-03.json","copy_url":"https://blockus.lndevui.com/r/stats-03.json"},{"name":"stats-04","title":"Split stats with color bars","description":"Sticky headline on the left, vertically-stacked metrics with color accent bars on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-04.json","copy_url":"https://blockus.lndevui.com/r/stats-04.json"},{"name":"stats-05","title":"Bento stats with sparklines","description":"Four-tile bento mixing large sparkline cards with compact delta tiles — uptime, growth and snapshot metrics in one.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-05.json","copy_url":"https://blockus.lndevui.com/r/stats-05.json"},{"name":"stats-06","title":"Stats paired with quote","description":"Two big metric tiles next to a dark testimonial card — quantitative and social proof on a single band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-06.json","copy_url":"https://blockus.lndevui.com/r/stats-06.json"},{"name":"stats-07","title":"Stats with growth charts","description":"Three large metric cards, each topped with its own sparkline and quarter-by-quarter rail.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-07.json","copy_url":"https://blockus.lndevui.com/r/stats-07.json"},{"name":"stats-08","title":"Editorial serif stats","description":"Serif-typeset stats — each row pairs an oversized numeric with a narrative paragraph.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-08.json","copy_url":"https://blockus.lndevui.com/r/stats-08.json"},{"name":"testimonials-01","title":"Centered single quote","description":"One serif quote, five stars and an avatar — the bread-and-butter testimonial band.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-01.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-01.json","copy_url":"https://blockus.lndevui.com/r/testimonials-01.json"},{"name":"testimonials-02","title":"Three-column testimonial grid","description":"Three quote cards in a clean grid, each with a star rating, body and gradient avatar.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-02.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-02.json","copy_url":"https://blockus.lndevui.com/r/testimonials-02.json"},{"name":"testimonials-03","title":"Featured brand quote","description":"Single big editorial quote card with a brand wordmark header and a serif-cut opening glyph.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-03.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-03.json","copy_url":"https://blockus.lndevui.com/r/testimonials-03.json"},{"name":"testimonials-04","title":"Light + dark quote pair","description":"Two-column testimonial — a light card next to a dark inverted card for visual contrast.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-04.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-04.json","copy_url":"https://blockus.lndevui.com/r/testimonials-04.json"},{"name":"testimonials-05","title":"Rotating quote carousel","description":"Single big quote with prev / next arrows and a dot nav — cycles through four customer quotes.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-05.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-05.json","copy_url":"https://blockus.lndevui.com/r/testimonials-05.json"},{"name":"testimonials-06","title":"Bento testimonial wall","description":"Mixed-span bento of customer quotes — large brand-logo cards next to compact text cards.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-06.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-06.json","copy_url":"https://blockus.lndevui.com/r/testimonials-06.json"},{"name":"testimonials-07","title":"Case-study cards","description":"Two case-study cards pairing a brand logo, a numeric outcome metric and a quote with a Read-case-study link.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-07.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-07.json","copy_url":"https://blockus.lndevui.com/r/testimonials-07.json"},{"name":"testimonials-08","title":"Star-rating frame","description":"Crosshair-framed band with 4.9 / 5 headline, a Read-more-customer-stories CTA and a logo strip.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/testimonials-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-08.json","copy_url":"https://blockus.lndevui.com/r/testimonials-08.json"},{"name":"header-08","title":"blockus marketing header","description":"The actual blockus marketing header — sticky border-b row with logo, flat nav and Sign-in / Get-the-catalog pill CTAs. Mobile drawer pushes the nav into 3xl ta…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-08.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-08.json","copy_url":"https://blockus.lndevui.com/r/header-08.json"},{"name":"header-09","title":"blockus authenticated header","description":"Authenticated variant of the marketing header — Pricing drops out of the nav, the right-side CTAs are replaced by an avatar pill that opens a tier-aware Accoun…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-09.json","copy_url":"https://blockus.lndevui.com/r/header-09.json"},{"name":"hero-22","title":"blockus marketing hero — dark variant","description":"Dark-canvas variation of the blockus opening — same sticky non-auth header and crosshair-framed dotted backdrop, inverted to stone-950 with a live-shipping pil…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-22.json","copy_url":"https://blockus.lndevui.com/r/hero-22.json"},{"name":"hero-23","title":"blockus marketing hero — editorial variant","description":"Editorial serif variation of the blockus opening — serif wordmark, 4.9 / 5 customer-rating pill, hand-set headline and a logo strip of teams reading along unde…","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-23.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-23.json","copy_url":"https://blockus.lndevui.com/r/hero-23.json"},{"name":"contact-16","title":"Minimal centered form","description":"Stripped-back centered contact form with name, email, and message — no distractions, just the essentials.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-16.json","copy_url":"https://blockus.lndevui.com/r/contact-16.json"},{"name":"contact-17","title":"Split form with map placeholder","description":"Two-column layout with a contact form on the left and contact details plus a styled map placeholder on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-17.json","copy_url":"https://blockus.lndevui.com/r/contact-17.json"},{"name":"contact-18","title":"Department selector form","description":"Contact form with a segmented department picker (Sales / Support / Billing) that updates the placeholder and hint copy.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-18.json","copy_url":"https://blockus.lndevui.com/r/contact-18.json"},{"name":"contact-19","title":"Three-team contact cards","description":"Three-column card grid routing visitors to Sales, Support, and Press — each with an icon, blurb, and direct email CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-19.json","copy_url":"https://blockus.lndevui.com/r/contact-19.json"},{"name":"contact-20","title":"Booking form with chips","description":"Booking-style contact section where visitors pick a reason and a preferred time slot via chip selectors before submitting.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-20.json","copy_url":"https://blockus.lndevui.com/r/contact-20.json"},{"name":"contact-21","title":"Dark split contact","description":"Always-dark stone-950 section with a large editorial headline on the left and a compact inline form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-21.json","copy_url":"https://blockus.lndevui.com/r/contact-21.json"},{"name":"contact-22","title":"Form with office locations","description":"Full contact form paired with a side column listing office cities, addresses, and opening hours.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/contact-22.json","copy_url":"https://blockus.lndevui.com/r/contact-22.json"},{"name":"faqs-16","title":"Centered single-column accordion","description":"Minimal centered FAQ with a clean accordion and inline email CTA — no frills, just answers.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-16.json","copy_url":"https://blockus.lndevui.com/r/faqs-16.json"},{"name":"faqs-17","title":"Two-column static grid","description":"Eight Q&A pairs in a hairline-bordered two-column grid — scannable without any interactive overhead.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-17.json","copy_url":"https://blockus.lndevui.com/r/faqs-17.json"},{"name":"faqs-18","title":"Split sticky heading + accordion","description":"Sticky left panel with headline and contact CTA card anchors while the accordion scrolls independently on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-18.json","copy_url":"https://blockus.lndevui.com/r/faqs-18.json"},{"name":"faqs-19","title":"Categorized tab filter","description":"Four topic tabs switch which Q&A set renders — keeps long lists scannable without a search input.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-19.json","copy_url":"https://blockus.lndevui.com/r/faqs-19.json"},{"name":"faqs-20","title":"Live search filter","description":"Rounded search input narrows a ten-item accordion in real time, with a graceful empty state and question counter.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-20.json","copy_url":"https://blockus.lndevui.com/r/faqs-20.json"},{"name":"faqs-21","title":"Dark numbered accordion","description":"Always-dark stone-950 canvas with outsized mono question numbers — high contrast, typographically driven.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-21.json","copy_url":"https://blockus.lndevui.com/r/faqs-21.json"},{"name":"faqs-22","title":"Accordion with support footer card","description":"Standard FAQ accordion capped with an avatar cluster support card and a contact CTA.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/faqs-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/faqs-22.json","copy_url":"https://blockus.lndevui.com/r/faqs-22.json"},{"name":"footer-16","title":"Simple centered footer","description":"Centered logo, single horizontal nav row, social icon buttons, and a copyright line — the cleanest possible footer.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-16.json","copy_url":"https://blockus.lndevui.com/r/footer-16.json"},{"name":"footer-17","title":"Minimal two-column footer","description":"Brand mark and tagline anchored left, a compact vertical nav list on the right — sparse and intentional.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-17.json","copy_url":"https://blockus.lndevui.com/r/footer-17.json"},{"name":"footer-18","title":"Mega footer with newsletter","description":"Newsletter signup band at the top, four nav columns below, and a legal bar with language select and social icons.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-18.json","copy_url":"https://blockus.lndevui.com/r/footer-18.json"},{"name":"footer-19","title":"Giant wordmark backdrop footer","description":"A full-bleed radial-gradient 'blockus' wordmark sits behind three compact nav columns, creating depth without imagery.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-19.json","copy_url":"https://blockus.lndevui.com/r/footer-19.json"},{"name":"footer-20","title":"CTA band + footer","description":"A high-contrast 'Start building today' CTA band flows directly into the footer below, sharing the same background plane.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-20.json","copy_url":"https://blockus.lndevui.com/r/footer-20.json"},{"name":"footer-21","title":"Status indicator footer","description":"Animated green status pill, a language selector, and social icon row — compact and production-aware.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-21.json","copy_url":"https://blockus.lndevui.com/r/footer-21.json"},{"name":"footer-22","title":"Mega columns with app-store badges","description":"Three full nav columns beside a brand panel with App Store and Google Play download badges and social links.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-22.json","copy_url":"https://blockus.lndevui.com/r/footer-22.json"},{"name":"footer-23","title":"Editorial serif footer","description":"Oversized serif wordmark as the editorial anchor, full four-column sitemap, pill-style social row, and fine-print bar.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-23.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-23.json","copy_url":"https://blockus.lndevui.com/r/footer-23.json"},{"name":"footer-24","title":"Contact form + office locations","description":"An embedded two-column layout with a compact contact mini-form on the left and office location cards on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-24.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/footer-24.json","copy_url":"https://blockus.lndevui.com/r/footer-24.json"},{"name":"hero-24","title":"Minimal centered hero","description":"Zero-decoration, whitespace-first hero with a small eyebrow label, a single oversized tracking-tight headline, one subline, and a pill CTA — the clean baseline.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-24.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-24.json","copy_url":"https://blockus.lndevui.com/r/hero-24.json"},{"name":"hero-25","title":"Left-aligned bento split","description":"Left-aligned copy with a right-side bento grid of three interactive app panels: a live dashboard, an activity feed, and a team roster.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-25.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-25.json","copy_url":"https://blockus.lndevui.com/r/hero-25.json"},{"name":"hero-26","title":"Gradient mesh hero with floating card","description":"Centered copy on a soft multi-radial gradient background, paired with a glassy outlined CTA + solid CTA, and a floating analytics product card below the fold.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-26.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-26.json","copy_url":"https://blockus.lndevui.com/r/hero-26.json"},{"name":"hero-27","title":"Email waitlist hero","description":"Centered hero with an inline email-capture form beneath the headline, confirmed state on submit, and a stacked avatar row with a live-count social proof label.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-27.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-27.json","copy_url":"https://blockus.lndevui.com/r/hero-27.json"},{"name":"hero-28","title":"Two-column notification stack","description":"Left copy with trust badges and a right column of three depth-stacked notification cards that overlap to suggest a live activity feed.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-28.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-28.json","copy_url":"https://blockus.lndevui.com/r/hero-28.json"},{"name":"hero-29","title":"Video thumbnail hero","description":"Centered headline and CTAs above a browser-framed video thumbnail card with a play-button overlay that toggles a playing state on click.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-29.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-29.json","copy_url":"https://blockus.lndevui.com/r/hero-29.json"},{"name":"hero-30","title":"App-store hero","description":"Centered phone-frame device mock with a live-looking app screen, flanked by iOS App Store and Google Play download badge buttons.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-30.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/hero-30.json","copy_url":"https://blockus.lndevui.com/r/hero-30.json"},{"name":"login-16","title":"Centered email + social row","description":"Clean centered card with Google and Apple social buttons above a standard email/password form.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-16.json","copy_url":"https://blockus.lndevui.com/r/login-16.json"},{"name":"login-17","title":"Split — brand panel + customer quote","description":"Two-column layout with a logo-trust panel and rotating customer quote on the left, minimal form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-17.json","copy_url":"https://blockus.lndevui.com/r/login-17.json"},{"name":"login-18","title":"6-digit OTP passcode","description":"Six individual digit boxes with auto-advance, paste support, and keyboard navigation for OTP verification.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-18.json","copy_url":"https://blockus.lndevui.com/r/login-18.json"},{"name":"login-19","title":"Provider-first stacked social","description":"Four stacked provider buttons (Google, Apple, GitHub, Microsoft) with an or-email divider and a single email field below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-19.json","copy_url":"https://blockus.lndevui.com/r/login-19.json"},{"name":"login-20","title":"Dark card with soft indigo glow","description":"Always-dark stone-950 canvas with a radial indigo glow behind the card and a frosted-glass form panel.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-20.json","copy_url":"https://blockus.lndevui.com/r/login-20.json"},{"name":"login-21","title":"Remember me + side testimonial","description":"Side-by-side layout pairing a testimonial panel with a login form that includes a remember-me checkbox and forgot-password link.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-21.json","copy_url":"https://blockus.lndevui.com/r/login-21.json"},{"name":"login-22","title":"Magic-link with success state","description":"Email field submits a magic-link request and transitions to a confirmation state showing where the link was sent.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/login-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/login-22.json","copy_url":"https://blockus.lndevui.com/r/login-22.json"},{"name":"register-16","title":"Centered sign-up card","description":"Minimal centered card with name, email, password, and a sign-in link — the cleanest path to account creation.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-16.json","copy_url":"https://blockus.lndevui.com/r/register-16.json"},{"name":"register-17","title":"Split value-prop / form","description":"Two-column layout pairing a feature checklist and testimonial on the left with a full sign-up form on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-17.json","copy_url":"https://blockus.lndevui.com/r/register-17.json"},{"name":"register-18","title":"Multi-step sign-up","description":"Three-step wizard — account credentials, profile details, and a confirmation screen — with an animated progress stepper.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-18.json","copy_url":"https://blockus.lndevui.com/r/register-18.json"},{"name":"register-19","title":"Password-strength meter","description":"Live four-segment strength bar and per-rule checklist that update as the user types, with the submit button disabled until the bar hits Fair.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-19.json","copy_url":"https://blockus.lndevui.com/r/register-19.json"},{"name":"register-20","title":"Plan-linked sign-up","description":"Two-column layout showing a Pro plan summary card with pricing and benefits beside the account creation form.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-20.json","copy_url":"https://blockus.lndevui.com/r/register-20.json"},{"name":"register-21","title":"Dark social-first sign-up","description":"Always-dark stone-950 canvas with Google, GitHub, and Microsoft provider buttons above a traditional email/password fallback.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-21.json","copy_url":"https://blockus.lndevui.com/r/register-21.json"},{"name":"register-22","title":"Team sign-up with invite list","description":"Owner credentials at the top, plus a dynamic list of teammate email inputs (up to 9) that can be added or removed inline.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/register-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/register-22.json","copy_url":"https://blockus.lndevui.com/r/register-22.json"},{"name":"logo-cloud-16","title":"Minimal kicker strip","description":"Single-row grayscale logo strip with a small uppercase kicker — the leanest trust signal you can drop into any page.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-16.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-16.json"},{"name":"logo-cloud-17","title":"Bento logo grid","description":"12-logo grid with hairline dividers forming a bento-like structure — each cell highlights on hover.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-17.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-17.json"},{"name":"logo-cloud-18","title":"Dual-direction marquee","description":"Two rows of logos scrolling in opposite directions via pure CSS keyframes — no JS required.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-18.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-18.json"},{"name":"logo-cloud-19","title":"Hero stat with logo row","description":"Oversized trust stat (4,000+ teams) flanked by supporting metrics, with a logo strip anchored below a divider.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-19.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-19.json"},{"name":"logo-cloud-20","title":"Industry-grouped logos","description":"Logos organized into labeled columns by vertical (Fintech, Dev tools, AI & data, Media) inside a bordered bento grid.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/logo-cloud-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-20.json","copy_url":"https://blockus.lndevui.com/r/logo-cloud-20.json"},{"name":"header-17","title":"Classic header with sheet menu","description":"Logo left, nav center, ghost sign-in and solid pill CTA right — mobile nav opens in a Sheet slide-out.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-17.json","copy_url":"https://blockus.lndevui.com/r/header-17.json"},{"name":"header-18","title":"Mega-menu header","description":"NavigationMenu with a 3-column product grid and a compact resources dropdown, mobile-friendly sheet fallback.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-18.json","copy_url":"https://blockus.lndevui.com/r/header-18.json"},{"name":"header-19","title":"Floating pill header","description":"Centered rounded-full nav bar with backdrop blur and a collapsing dropdown panel below it on mobile.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-19.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-19.json","copy_url":"https://blockus.lndevui.com/r/header-19.json"},{"name":"header-20","title":"Header with dismissible announcement bar","description":"A collapsible top banner for release announcements sits above the main nav and persists in the mobile sheet when dismissed.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-20.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-20.json","copy_url":"https://blockus.lndevui.com/r/header-20.json"},{"name":"header-21","title":"Two-row utility header","description":"Compact contact + social utility bar above a full main nav row — standard for enterprise and e-commerce sites.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-21.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-21.json","copy_url":"https://blockus.lndevui.com/r/header-21.json"},{"name":"header-22","title":"Header with ⌘K search dialog","description":"A search trigger pill that opens a command-palette style Dialog with quick links and recent searches on ⌘K.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-22.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-22.json","copy_url":"https://blockus.lndevui.com/r/header-22.json"},{"name":"header-23","title":"Dark header with gradient nav underline","description":"Always-dark stone-950 canvas with a violet-to-sky gradient underline that animates in on active and hover states.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-23.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-23.json","copy_url":"https://blockus.lndevui.com/r/header-23.json"},{"name":"header-24","title":"E-commerce header with cart badge","description":"Two-row retail header: logo + search + account/cart icons on top, category nav strip below — cart count badge included.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/header-24.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/header-24.json","copy_url":"https://blockus.lndevui.com/r/header-24.json"},{"name":"how-it-works-09","title":"3-step horizontal row","description":"Minimal 3-step section with numbered circles, a full-width connector line and a centered CTA — no icons, type does the work.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-09.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-09.json"},{"name":"how-it-works-10","title":"Vertical icon list","description":"4-step vertical checklist with lucide icons in bordered circles, a thin spine connector and generous left-aligned prose.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-10.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-10.json"},{"name":"how-it-works-11","title":"Alternating timeline","description":"4-step left/right alternating layout anchored by a vertical spine with primary-coloured connector dots and bordered cards.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-11.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-11.json"},{"name":"how-it-works-12","title":"Sticky media stepper","description":"Click-driven 4-step stepper with a sticky preview panel that swaps its content per active step — built with useState.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-12.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-12.json"},{"name":"how-it-works-13","title":"Tabbed steps with mock panel","description":"Tabs primitive drives a 3-phase layout where each tab reveals step prose alongside a contextual mock UI panel.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-13.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-13.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-13.json"},{"name":"how-it-works-14","title":"Numbered bento grid","description":"4-step bento layout with mixed-size tiles, oversized watermark numerals and one accent tile — no icons needed.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-14.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-14.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-14.json"},{"name":"how-it-works-15","title":"Horizontal pipeline flow","description":"5-stage horizontal pipeline with arrow connectors, equal-weight cards and a gradient progress bar beneath the flow.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-15.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-15.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-15.json"},{"name":"how-it-works-16","title":"Dark oversized numerals","description":"Always-dark bg-stone-950 canvas with three columns, oversized faded step numbers as background texture and clean prose.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-16.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-16.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-16.json"},{"name":"how-it-works-17","title":"Timeline with code cards","description":"4-step vertical timeline on a left border spine; each step carries a terminal-styled code card showing the exact command.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-17.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-17.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-17.json"},{"name":"how-it-works-18","title":"Before/after transformation split","description":"Two-column before/after split with bullet lists, X/checkmark icons and a centred arrow divider — clear contrast CTA below.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/how-it-works-18.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-18.json","copy_url":"https://blockus.lndevui.com/r/how-it-works-18.json"},{"name":"stats-09","title":"4-stat centered row","description":"Four big numbers in a 2×2 / 4-column bordered grid, centered text, no headline clutter.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-09.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-09.json","copy_url":"https://blockus.lndevui.com/r/stats-09.json"},{"name":"stats-10","title":"3-stat kicker block","description":"Three metrics under a kicker headline and subtitle, arranged in a clean centered flex row.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-10.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-10.json","copy_url":"https://blockus.lndevui.com/r/stats-10.json"},{"name":"stats-11","title":"2×2 icon stat grid","description":"Four bordered cards each leading with a lucide icon, a large number, and a one-line body.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-11.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-11.json","copy_url":"https://blockus.lndevui.com/r/stats-11.json"},{"name":"stats-12","title":"Split headline + trend list","description":"Headline and copy on the left; a vertical list of metrics with up/down trend pills on the right.","type":"registry:block","tags":["auth","blocks","cards","icons","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/stats-12.json","install_command":"npx shadcn@latest add https://blockus.lndevui.com/r/stats-12.json","copy_url":"https://blockus.lndevui.com/r/stats-12.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","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.vercel.app/registry/boldkit","markdown":"https://sh4dcn.vercel.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":81,"open_issues":1,"last_commit":"2026-07-06T16:39:21Z"},"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":94,"components":[{"name":"theme","title":"Theme","description":"BoldKit neubrutalism theme with bold colors and CSS variables","type":"registry:theme","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/theme.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme.json","copy_url":"https://boldkit.dev/r/theme.json"},{"name":"utils","title":"Utils","description":"Utility functions for className merging","type":"registry:lib","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/utils.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/utils.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/use-theme.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/use-theme.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/error-boundary.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/error-boundary.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/accordion.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/accordion.json","copy_url":"https://boldkit.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention with bold neubrutalism borders","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/alert.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/alert.json","copy_url":"https://boldkit.dev/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/aspect-ratio.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/avatar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/avatar.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/badge.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/badge.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/breadcrumb.json","copy_url":"https://boldkit.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Displays a button with neubrutalism styling and press-down animation","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/button.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/button.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/card.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/checkbox.json","copy_url":"https://boldkit.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/collapsible.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/combobox.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/combobox.json","copy_url":"https://boldkit.dev/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, composable, command menu for React with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/command.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/command.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/dialog.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dialog.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dropdown-menu.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/context-menu.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/menubar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/menubar.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/navigation-menu.json","copy_url":"https://boldkit.dev/r/navigation-menu.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel groups and handles with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/resizable.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/resizable.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/button-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/button-group.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input-group.json","copy_url":"https://boldkit.dev/r/input-group.json"},{"name":"field","title":"Field","description":"Form field composition: label, control, description and error","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/field.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/field.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/native-select.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/native-select.json","copy_url":"https://boldkit.dev/r/native-select.json"},{"name":"date-picker","title":"Date Picker","description":"A single-date picker: a button trigger that opens a calendar popover","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/date-picker.json","copy_url":"https://boldkit.dev/r/date-picker.json"},{"name":"input","title":"Input","description":"Displays a form input field with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input.json","copy_url":"https://boldkit.dev/r/input.json"},{"name":"label","title":"Label","description":"Renders an accessible label for form controls","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/label.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/label.json","copy_url":"https://boldkit.dev/r/label.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/popover.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/popover.json","copy_url":"https://boldkit.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/progress.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/progress.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radio-group.json","copy_url":"https://boldkit.dev/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/scroll-area.json","copy_url":"https://boldkit.dev/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/select.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/select.json","copy_url":"https://boldkit.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visually separates content with a thick border","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/separator.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/separator.json","copy_url":"https://boldkit.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Extends Dialog to display content that complements the main page","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sheet.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sheet.json","copy_url":"https://boldkit.dev/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Used to show a placeholder while content is loading","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/skeleton.json","copy_url":"https://boldkit.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A jelly slider with spring physics and bouncy animations","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/slider.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/slider.json","copy_url":"https://boldkit.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sonner.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sonner.json","copy_url":"https://boldkit.dev/r/sonner.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between on and off","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/switch.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/switch.json","copy_url":"https://boldkit.dev/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/table.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/table.json","copy_url":"https://boldkit.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabbed interface component with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tabs.json","copy_url":"https://boldkit.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/textarea.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/textarea.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/toggle.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/toggle.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/toggle-group.json","copy_url":"https://boldkit.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tooltip.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/alert-dialog.json","copy_url":"https://boldkit.dev/r/alert-dialog.json"},{"name":"calendar","title":"Calendar","description":"A date picker calendar with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/calendar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/calendar.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/drawer.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/drawer.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/hover-card.json","copy_url":"https://boldkit.dev/r/hover-card.json"},{"name":"input-otp","title":"Input OTP","description":"One-time password input with neubrutalism styling","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input-otp.json","copy_url":"https://boldkit.dev/r/input-otp.json"},{"name":"pagination","title":"Pagination","description":"Pagination controls for navigating through pages","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/pagination.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/pagination.json","copy_url":"https://boldkit.dev/r/pagination.json"},{"name":"chart","title":"Chart","description":"Beautiful charts with neubrutalism styling built on Recharts","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/marquee.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/marquee.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sticker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sticker.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/layered-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/layered-card.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/shapes.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/shapes.json","copy_url":"https://boldkit.dev/r/shapes.json"},{"name":"styles","title":"Styles","description":"BoldKit neubrutalism CSS variables and utilities","type":"registry:style","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/styles.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/styles.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/spinner.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/spinner.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/kbd.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/kbd.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/stat-card.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/stepper.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/stepper.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/multi-step-form.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/multi-step-form.json","copy_url":"https://boldkit.dev/r/multi-step-form.json"},{"name":"dropzone","title":"Dropzone","description":"Drag-and-drop file upload with validation, progress tracking, and file list","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/dropzone.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dropzone.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sparkline.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/donut-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/radial-bar-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radial-bar-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/radar-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radar-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/gauge-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/gauge-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/funnel-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/funnel-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/treemap-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/treemap-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/heatmap-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sankey-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sankey-chart.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/rating.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/rating.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tag-input.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/time-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/time-picker.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/date-range-picker.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/data-table.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/data-table.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/carousel.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/carousel.json","copy_url":"https://boldkit.dev/r/carousel.json"},{"name":"timeline","title":"Timeline","description":"Composable timeline for activity feeds, order tracking, and version history","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/timeline.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/timeline.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tree-view.json","copy_url":"https://boldkit.dev/r/tree-view.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible sidebar with mobile drawer, tooltips, and keyboard shortcut","type":"registry:ui","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sidebar.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tour.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tour.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/empty-state.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/math-curves.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curves.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/math-curve-loader.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-loader.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/math-curve-progress.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-progress.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/math-curve-background.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-background.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/ascii-shapes.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/ascii-shapes.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/motion.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/motion-core.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion-core.json","copy_url":"https://boldkit.dev/r/motion-core.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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/motion-react.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion-react.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/chart-export.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart-export.json","copy_url":"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","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/chart-toolbar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart-toolbar.json","copy_url":"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":["recently-updated"],"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.vercel.app/registry/brainless","markdown":"https://sh4dcn.vercel.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":426,"open_issues":0,"last_commit":"2026-07-14T01:10:20Z"},"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"source_url":"https://brainless.swerdlow.dev/r/claude-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"source_url":"https://brainless.swerdlow.dev/r/codex-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"source_url":"https://brainless.swerdlow.dev/r/grok-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"source_url":"https://brainless.swerdlow.dev/r/index.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/index.json","copy_url":"https://brainless.swerdlow.dev/r/index.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.vercel.app/registry/bundui","markdown":"https://sh4dcn.vercel.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":392,"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","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)"],"source_url":"https://bundui.io/r/accordion-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/accordion-default.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/accordion-collapsible.json","install_command":"npx shadcn@latest add https://bundui.io/r/accordion-collapsible.json","copy_url":"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","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)"],"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","copy_url":"https://bundui.io/r/accordion-with-plus-icon.json"},{"name":"alert-default","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-default.json","copy_url":"https://bundui.io/r/alert-default.json"},{"name":"alert-with-icon","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-icon.json","copy_url":"https://bundui.io/r/alert-with-icon.json"},{"name":"alert-with-title","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-with-title.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-title.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/alert-with-dismiss.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-dismiss.json","copy_url":"https://bundui.io/r/alert-with-dismiss.json"},{"name":"alert-success","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-success.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-success.json","copy_url":"https://bundui.io/r/alert-success.json"},{"name":"alert-warning","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-warning.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-warning.json","copy_url":"https://bundui.io/r/alert-warning.json"},{"name":"alert-danger","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/alert-danger.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-danger.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/alert-dialog.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-dialog.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/avatar-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-default.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/avatar-fallback-only.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-fallback-only.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/avatar-avatar-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-avatar-group.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/avatar-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-sizes.json","copy_url":"https://bundui.io/r/avatar-sizes.json"},{"name":"badge-default","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-default.json","copy_url":"https://bundui.io/r/badge-default.json"},{"name":"badge-secondary","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-secondary.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-secondary.json","copy_url":"https://bundui.io/r/badge-secondary.json"},{"name":"badge-destructive","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-destructive.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-destructive.json","copy_url":"https://bundui.io/r/badge-destructive.json"},{"name":"badge-outline","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-outline.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-outline.json","copy_url":"https://bundui.io/r/badge-outline.json"},{"name":"badge-indicator","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-indicator.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-indicator.json","copy_url":"https://bundui.io/r/badge-indicator.json"},{"name":"badge-with-icon","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-with-icon.json","copy_url":"https://bundui.io/r/badge-with-icon.json"},{"name":"badge-with-dismiss","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/badge-with-dismiss.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-with-dismiss.json","copy_url":"https://bundui.io/r/badge-with-dismiss.json"},{"name":"breadcrumb-default","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/breadcrumb-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-default.json","copy_url":"https://bundui.io/r/breadcrumb-default.json"},{"name":"breadcrumb-with-icon","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/breadcrumb-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-with-icon.json","copy_url":"https://bundui.io/r/breadcrumb-with-icon.json"},{"name":"breadcrumb-with-dropdown","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/breadcrumb-with-dropdown.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-with-dropdown.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-default.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-secondary.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-secondary.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-destructive.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-destructive.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-outline.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-outline.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-ghost.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-ghost.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-link.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-link.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-with-icon.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-only-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-only-icon.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-icon-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-icon-sizes.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-sizes.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-disabled.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-disabled.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/button-loading.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-loading.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/calendar.json","install_command":"npx shadcn@latest add https://bundui.io/r/calendar.json","copy_url":"https://bundui.io/r/calendar.json"},{"name":"card-default","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/card-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-default.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/card-with-header.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-header.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/card-with-action.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-action.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/card-with-footer.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-footer.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/card-colored.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-colored.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/carousel-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/carousel-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/carousel-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/chart.json","install_command":"npx shadcn@latest add https://bundui.io/r/chart.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/checkbox.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkbox.json","copy_url":"https://bundui.io/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"Used to hide and show content with a smooth animation.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/collapsible.json","install_command":"npx shadcn@latest add https://bundui.io/r/collapsible.json","copy_url":"https://bundui.io/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Combines a text input with a list of options.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/combobox.json","install_command":"npx shadcn@latest add https://bundui.io/r/combobox.json","copy_url":"https://bundui.io/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, composable command palette component.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/command.json","install_command":"npx shadcn@latest add https://bundui.io/r/command.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/context-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/context-menu.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/data-table-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/data-table-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/data-table-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/date-picker.json","install_command":"npx shadcn@latest add https://bundui.io/r/date-picker.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/dialog.json","install_command":"npx shadcn@latest add https://bundui.io/r/dialog.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/divider-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/divider-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/divider-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/drawer.json","install_command":"npx shadcn@latest add https://bundui.io/r/drawer.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/dropdown-menu.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hover-card.json","install_command":"npx shadcn@latest add https://bundui.io/r/hover-card.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/input.json","install_command":"npx shadcn@latest add https://bundui.io/r/input.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/input-otp.json","install_command":"npx shadcn@latest add https://bundui.io/r/input-otp.json","copy_url":"https://bundui.io/r/input-otp.json"},{"name":"menubar","title":"Menubar","description":"Displays a menu bar with nested menus.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/menubar.json","install_command":"npx shadcn@latest add https://bundui.io/r/menubar.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/navigation-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/navigation-menu.json","copy_url":"https://bundui.io/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/pagination.json","install_command":"npx shadcn@latest add https://bundui.io/r/pagination.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/popover.json","install_command":"npx shadcn@latest add https://bundui.io/r/popover.json","copy_url":"https://bundui.io/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/progress.json","install_command":"npx shadcn@latest add https://bundui.io/r/progress.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/radio-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/radio-group.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/select-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/select-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/select-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/select-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/select-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-05.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/sheet.json","install_command":"npx shadcn@latest add https://bundui.io/r/sheet.json","copy_url":"https://bundui.io/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/sidebar.json","install_command":"npx shadcn@latest add https://bundui.io/r/sidebar.json","copy_url":"https://bundui.io/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Displays a placeholder preview of your content before it loads.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/skeleton.json","install_command":"npx shadcn@latest add https://bundui.io/r/skeleton.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/slider.json","install_command":"npx shadcn@latest add https://bundui.io/r/slider.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/switch.json","install_command":"npx shadcn@latest add https://bundui.io/r/switch.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/tabs.json","install_command":"npx shadcn@latest add https://bundui.io/r/tabs.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/toggle-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/toggle-group.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/tooltip.json","install_command":"npx shadcn@latest add https://bundui.io/r/tooltip.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hero-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hero-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hero-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hero-sections-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/hero-sections-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-05.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cta-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cta-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cta-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cta-sections-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/pricing-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/pricing-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/pricing-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/newsletter-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/newsletter-sections.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/testimonials-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/testimonials-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/testimonials-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/blog-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/blog-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/blog-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/blog-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/team-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/team-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/team-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/team-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stats-section-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/stats-section-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stats-section-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/stats-section-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/integrations.json","install_command":"npx shadcn@latest add https://bundui.io/r/integrations.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/footers.json","install_command":"npx shadcn@latest add https://bundui.io/r/footers.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/promotional-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/promotional-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/promotional-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/promotional-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/feature-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/feature-sections.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/contact-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/contact-sections.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/logo-clouds-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/logo-clouds-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/logo-clouds-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/logo-clouds-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/navbars-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/navbars-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/navbars-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/navbars-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/banners-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/banners-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/banners-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cookie-consent-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cookie-consent-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/cookie-consent-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-details.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-details.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-list-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-list-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-list-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/category-previews-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-previews-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/category-previews-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-previews-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/shopping-carts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/shopping-carts-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/shopping-carts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/shopping-carts-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/category-filters.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-filters.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-quickviews-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-quickviews-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-quickviews-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-quickviews-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-05.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-06.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-06.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/product-cards-07.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-07.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/store-navigations.json","install_command":"npx shadcn@latest add https://bundui.io/r/store-navigations.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/promo-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/promo-sections-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/promo-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/promo-sections-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/checkout-forms-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkout-forms-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/checkout-forms-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkout-forms-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/customer-reviews.json","install_command":"npx shadcn@latest add https://bundui.io/r/customer-reviews.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/order-summaries-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/order-summaries-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/order-summaries-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/order-summaries-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/page-layouts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/page-layouts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/page-layouts-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/sidebar-layouts.json","install_command":"npx shadcn@latest add https://bundui.io/r/sidebar-layouts.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-05.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-06.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-06.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-07.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-07.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stat-cards-08.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-08.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/tables.json","install_command":"npx shadcn@latest add https://bundui.io/r/tables.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/form-layouts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/form-layouts-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/form-layouts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/form-layouts-02.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/modal-dialogs-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/modal-dialogs-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/modal-dialogs-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-list-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-list-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-list-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-list-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-detail.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-detail.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-filters.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-filters.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/property-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-04.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/animated-text.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-text.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/animated-gradient-text.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-gradient-text.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/text-morph-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/text-morph-animation.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/text-gradient-scroll.json","install_command":"npx shadcn@latest add https://bundui.io/r/text-gradient-scroll.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/circle-path.json","install_command":"npx shadcn@latest add https://bundui.io/r/circle-path.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/flip-card.json","install_command":"npx shadcn@latest add https://bundui.io/r/flip-card.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://bundui.io/r/tilt-effect.json","install_command":"npx shadcn@latest add https://bundui.io/r/tilt-effect.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/ripple-effect-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-01.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/ripple-effect-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-02.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/ripple-effect-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-03.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/mouse-trail.json","install_command":"npx shadcn@latest add https://bundui.io/r/mouse-trail.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/animated-beam.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-beam.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/animated-tab.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-tab.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/animated-gradient-border.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-gradient-border.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/counter-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/counter-animation.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/floating-button.json","install_command":"npx shadcn@latest add https://bundui.io/r/floating-button.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/image-comparison.json","install_command":"npx shadcn@latest add https://bundui.io/r/image-comparison.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/interactive-image-slider.json","install_command":"npx shadcn@latest add https://bundui.io/r/interactive-image-slider.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/image-reveal.json","install_command":"npx shadcn@latest add https://bundui.io/r/image-reveal.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/marquee-effect.json","install_command":"npx shadcn@latest add https://bundui.io/r/marquee-effect.json","copy_url":"https://bundui.io/r/marquee-effect.json"},{"name":"parallax-cards","title":"Parallax Cards","description":"Parallax scrolling effect using overlapping cards.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/parallax-cards.json","install_command":"npx shadcn@latest add https://bundui.io/r/parallax-cards.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"https://bundui.io/r/scroll-progress-bar-02.json"},{"name":"sliding-number","title":"Sliding Number","description":"A component that slides numbers.","type":"registry:component","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)"],"source_url":"https://bundui.io/r/sliding-number.json","install_command":"npx shadcn@latest add https://bundui.io/r/sliding-number.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/countdown.json","install_command":"npx shadcn@latest add https://bundui.io/r/countdown.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/meteor-shower-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/meteor-shower-animation.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/snowfall-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/snowfall-animation.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/fireworks.json","install_command":"npx shadcn@latest add https://bundui.io/r/fireworks.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/floating-paths.json","install_command":"npx shadcn@latest add https://bundui.io/r/floating-paths.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/fluid-particles.json","install_command":"npx shadcn@latest add https://bundui.io/r/fluid-particles.json","copy_url":"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","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)"],"source_url":"https://bundui.io/r/stars.json","install_command":"npx shadcn@latest add https://bundui.io/r/stars.json","copy_url":"https://bundui.io/r/stars.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":["glassmorphism","retro"],"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.vercel.app/registry/canvas-ui","markdown":"https://sh4dcn.vercel.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":2318,"open_issues":1,"last_commit":"2026-07-28T07:15:24Z"},"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":150,"components":[{"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/asciify-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vanilla.json","copy_url":"https://canvasui.dev/r/asciify-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bend-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vanilla.json","copy_url":"https://canvasui.dev/r/bend-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/grid-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vanilla.json","copy_url":"https://canvasui.dev/r/grid-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/blaze-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vanilla.json","copy_url":"https://canvasui.dev/r/blaze-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/bubble-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vanilla.json","copy_url":"https://canvasui.dev/r/bubble-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/cloth-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vanilla.json","copy_url":"https://canvasui.dev/r/cloth-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/clouds-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vanilla.json","copy_url":"https://canvasui.dev/r/clouds-vanilla.json"},{"name":"liquid-react","title":"Liquid (React)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-react.json","copy_url":"https://canvasui.dev/r/liquid-react.json"},{"name":"liquid-vue","title":"Liquid (Vue)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vue.json","copy_url":"https://canvasui.dev/r/liquid-vue.json"},{"name":"liquid-svelte","title":"Liquid (Svelte)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-svelte.json","copy_url":"https://canvasui.dev/r/liquid-svelte.json"},{"name":"liquid-solid","title":"Liquid (Solid)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-solid.json","copy_url":"https://canvasui.dev/r/liquid-solid.json"},{"name":"liquid-preact","title":"Liquid (Preact)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-preact.json","copy_url":"https://canvasui.dev/r/liquid-preact.json"},{"name":"liquid-vanilla","title":"Liquid (Vanilla)","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/liquid-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vanilla.json","copy_url":"https://canvasui.dev/r/liquid-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/magnify-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vanilla.json","copy_url":"https://canvasui.dev/r/magnify-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/dithered-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vanilla.json","copy_url":"https://canvasui.dev/r/dithered-object-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/droplets-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vanilla.json","copy_url":"https://canvasui.dev/r/droplets-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vanilla.json","copy_url":"https://canvasui.dev/r/particle-object-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-reveal-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vanilla.json","copy_url":"https://canvasui.dev/r/particle-reveal-vanilla.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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-react.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-vue.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-svelte.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-solid.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-preact.json","copy_url":"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","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/particle-scroll-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-vanilla.json","copy_url":"https://canvasui.dev/r/particle-scroll-vanilla.json"},{"name":"peel-react","title":"Peel (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-react.json","copy_url":"https://canvasui.dev/r/peel-react.json"},{"name":"peel-vue","title":"Peel (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-vue.json","copy_url":"https://canvasui.dev/r/peel-vue.json"},{"name":"peel-svelte","title":"Peel (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-svelte.json","copy_url":"https://canvasui.dev/r/peel-svelte.json"},{"name":"peel-solid","title":"Peel (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-solid.json","copy_url":"https://canvasui.dev/r/peel-solid.json"},{"name":"peel-preact","title":"Peel (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-preact.json","copy_url":"https://canvasui.dev/r/peel-preact.json"},{"name":"peel-vanilla","title":"Peel (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/peel-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/peel-vanilla.json","copy_url":"https://canvasui.dev/r/peel-vanilla.json"},{"name":"glitch-react","title":"Glitch (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-react.json","copy_url":"https://canvasui.dev/r/glitch-react.json"},{"name":"glitch-vue","title":"Glitch (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-vue.json","copy_url":"https://canvasui.dev/r/glitch-vue.json"},{"name":"glitch-svelte","title":"Glitch (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-svelte.json","copy_url":"https://canvasui.dev/r/glitch-svelte.json"},{"name":"glitch-solid","title":"Glitch (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-solid.json","copy_url":"https://canvasui.dev/r/glitch-solid.json"},{"name":"glitch-preact","title":"Glitch (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-preact.json","copy_url":"https://canvasui.dev/r/glitch-preact.json"},{"name":"glitch-vanilla","title":"Glitch (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glitch-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glitch-vanilla.json","copy_url":"https://canvasui.dev/r/glitch-vanilla.json"},{"name":"frost-react","title":"Frost (React)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-react.json","copy_url":"https://canvasui.dev/r/frost-react.json"},{"name":"frost-vue","title":"Frost (Vue)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-vue.json","copy_url":"https://canvasui.dev/r/frost-vue.json"},{"name":"frost-svelte","title":"Frost (Svelte)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-svelte.json","copy_url":"https://canvasui.dev/r/frost-svelte.json"},{"name":"frost-solid","title":"Frost (Solid)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-solid.json","copy_url":"https://canvasui.dev/r/frost-solid.json"},{"name":"frost-preact","title":"Frost (Preact)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-preact.json","copy_url":"https://canvasui.dev/r/frost-preact.json"},{"name":"frost-vanilla","title":"Frost (Vanilla)","description":"Covers your page in a frozen pane of ice with refraction and frost grain. Hovering melts a hole through the frost, which freezes back over. The HTML stays inte…","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/frost-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/frost-vanilla.json","copy_url":"https://canvasui.dev/r/frost-vanilla.json"},{"name":"hex-float-react","title":"HexFloat (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-react.json","copy_url":"https://canvasui.dev/r/hex-float-react.json"},{"name":"hex-float-vue","title":"HexFloat (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-vue.json","copy_url":"https://canvasui.dev/r/hex-float-vue.json"},{"name":"hex-float-svelte","title":"HexFloat (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-svelte.json","copy_url":"https://canvasui.dev/r/hex-float-svelte.json"},{"name":"hex-float-solid","title":"HexFloat (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-solid.json","copy_url":"https://canvasui.dev/r/hex-float-solid.json"},{"name":"hex-float-preact","title":"HexFloat (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-preact.json","copy_url":"https://canvasui.dev/r/hex-float-preact.json"},{"name":"hex-float-vanilla","title":"HexFloat (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/hex-float-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/hex-float-vanilla.json","copy_url":"https://canvasui.dev/r/hex-float-vanilla.json"},{"name":"retro-dither-react","title":"RetroDither (React)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-react.json","copy_url":"https://canvasui.dev/r/retro-dither-react.json"},{"name":"retro-dither-vue","title":"RetroDither (Vue)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-vue.json","copy_url":"https://canvasui.dev/r/retro-dither-vue.json"},{"name":"retro-dither-svelte","title":"RetroDither (Svelte)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-svelte.json","copy_url":"https://canvasui.dev/r/retro-dither-svelte.json"},{"name":"retro-dither-solid","title":"RetroDither (Solid)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-solid.json","copy_url":"https://canvasui.dev/r/retro-dither-solid.json"},{"name":"retro-dither-preact","title":"RetroDither (Preact)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-preact.json","copy_url":"https://canvasui.dev/r/retro-dither-preact.json"},{"name":"retro-dither-vanilla","title":"RetroDither (Vanilla)","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/retro-dither-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/retro-dither-vanilla.json","copy_url":"https://canvasui.dev/r/retro-dither-vanilla.json"},{"name":"ripple-react","title":"Ripple (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-react.json","copy_url":"https://canvasui.dev/r/ripple-react.json"},{"name":"ripple-vue","title":"Ripple (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-vue.json","copy_url":"https://canvasui.dev/r/ripple-vue.json"},{"name":"ripple-svelte","title":"Ripple (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-svelte.json","copy_url":"https://canvasui.dev/r/ripple-svelte.json"},{"name":"ripple-solid","title":"Ripple (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-solid.json","copy_url":"https://canvasui.dev/r/ripple-solid.json"},{"name":"ripple-preact","title":"Ripple (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-preact.json","copy_url":"https://canvasui.dev/r/ripple-preact.json"},{"name":"ripple-vanilla","title":"Ripple (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/ripple-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ripple-vanilla.json","copy_url":"https://canvasui.dev/r/ripple-vanilla.json"},{"name":"shatter-react","title":"Shatter (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-react.json","copy_url":"https://canvasui.dev/r/shatter-react.json"},{"name":"shatter-vue","title":"Shatter (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-vue.json","copy_url":"https://canvasui.dev/r/shatter-vue.json"},{"name":"shatter-svelte","title":"Shatter (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-svelte.json","copy_url":"https://canvasui.dev/r/shatter-svelte.json"},{"name":"shatter-solid","title":"Shatter (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-solid.json","copy_url":"https://canvasui.dev/r/shatter-solid.json"},{"name":"shatter-preact","title":"Shatter (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-preact.json","copy_url":"https://canvasui.dev/r/shatter-preact.json"},{"name":"shatter-vanilla","title":"Shatter (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/shatter-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/shatter-vanilla.json","copy_url":"https://canvasui.dev/r/shatter-vanilla.json"},{"name":"vhs-react","title":"VHS (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-react.json","copy_url":"https://canvasui.dev/r/vhs-react.json"},{"name":"vhs-vue","title":"VHS (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-vue.json","copy_url":"https://canvasui.dev/r/vhs-vue.json"},{"name":"vhs-svelte","title":"VHS (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-svelte.json","copy_url":"https://canvasui.dev/r/vhs-svelte.json"},{"name":"vhs-solid","title":"VHS (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-solid.json","copy_url":"https://canvasui.dev/r/vhs-solid.json"},{"name":"vhs-preact","title":"VHS (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-preact.json","copy_url":"https://canvasui.dev/r/vhs-preact.json"},{"name":"vhs-vanilla","title":"VHS (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/vhs-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/vhs-vanilla.json","copy_url":"https://canvasui.dev/r/vhs-vanilla.json"},{"name":"laser-react","title":"Laser (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-react.json","copy_url":"https://canvasui.dev/r/laser-react.json"},{"name":"laser-vue","title":"Laser (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-vue.json","copy_url":"https://canvasui.dev/r/laser-vue.json"},{"name":"laser-svelte","title":"Laser (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-svelte.json","copy_url":"https://canvasui.dev/r/laser-svelte.json"},{"name":"laser-solid","title":"Laser (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-solid.json","copy_url":"https://canvasui.dev/r/laser-solid.json"},{"name":"laser-preact","title":"Laser (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-preact.json","copy_url":"https://canvasui.dev/r/laser-preact.json"},{"name":"laser-vanilla","title":"Laser (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/laser-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/laser-vanilla.json","copy_url":"https://canvasui.dev/r/laser-vanilla.json"},{"name":"glass-react","title":"Glass (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-react.json","copy_url":"https://canvasui.dev/r/glass-react.json"},{"name":"glass-vue","title":"Glass (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-vue.json","copy_url":"https://canvasui.dev/r/glass-vue.json"},{"name":"glass-svelte","title":"Glass (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-svelte.json","copy_url":"https://canvasui.dev/r/glass-svelte.json"},{"name":"glass-solid","title":"Glass (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-solid.json","copy_url":"https://canvasui.dev/r/glass-solid.json"},{"name":"glass-preact","title":"Glass (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-preact.json","copy_url":"https://canvasui.dev/r/glass-preact.json"},{"name":"glass-vanilla","title":"Glass (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-vanilla.json","copy_url":"https://canvasui.dev/r/glass-vanilla.json"},{"name":"glass-object-react","title":"GlassObject (React)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-react.json","copy_url":"https://canvasui.dev/r/glass-object-react.json"},{"name":"glass-object-vue","title":"GlassObject (Vue)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-vue.json","copy_url":"https://canvasui.dev/r/glass-object-vue.json"},{"name":"glass-object-svelte","title":"GlassObject (Svelte)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-svelte.json","copy_url":"https://canvasui.dev/r/glass-object-svelte.json"},{"name":"glass-object-solid","title":"GlassObject (Solid)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-solid.json","copy_url":"https://canvasui.dev/r/glass-object-solid.json"},{"name":"glass-object-preact","title":"GlassObject (Preact)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-preact.json","copy_url":"https://canvasui.dev/r/glass-object-preact.json"},{"name":"glass-object-vanilla","title":"GlassObject (Vanilla)","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:component","tags":["glassmorphism","retro"],"categories":["Uncategorized"],"source_url":"https://canvasui.dev/r/glass-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/glass-object-vanilla.json","copy_url":"https://canvasui.dev/r/glass-object-vanilla.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.vercel.app/registry/cardcn","markdown":"https://sh4dcn.vercel.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":46,"open_issues":0,"last_commit":"2026-06-18T18:08:05Z"},"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","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-1.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-1.json","copy_url":"https://cardcn.dev/r/card-1.json"},{"name":"card-2","title":"Card 2","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-2.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-2.json","copy_url":"https://cardcn.dev/r/card-2.json"},{"name":"card-3","title":"Card 3","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-3.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-3.json","copy_url":"https://cardcn.dev/r/card-3.json"},{"name":"card-4","title":"Card 4","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-4.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-4.json","copy_url":"https://cardcn.dev/r/card-4.json"},{"name":"card-5","title":"Card 5","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-5.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-5.json","copy_url":"https://cardcn.dev/r/card-5.json"},{"name":"card-6","title":"Card 6","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-6.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-6.json","copy_url":"https://cardcn.dev/r/card-6.json"},{"name":"card-7","title":"Card 7","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-7.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-7.json","copy_url":"https://cardcn.dev/r/card-7.json"},{"name":"card-8","title":"Card 8","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-8.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-8.json","copy_url":"https://cardcn.dev/r/card-8.json"},{"name":"card-9","title":"Card 9","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-9.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-9.json","copy_url":"https://cardcn.dev/r/card-9.json"},{"name":"card-10","title":"Card 10","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-10.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-10.json","copy_url":"https://cardcn.dev/r/card-10.json"},{"name":"card-11","title":"Card 11","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-11.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-11.json","copy_url":"https://cardcn.dev/r/card-11.json"},{"name":"card-12","title":"Card 12","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-12.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-12.json","copy_url":"https://cardcn.dev/r/card-12.json"},{"name":"card-13","title":"Card 13","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-13.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-13.json","copy_url":"https://cardcn.dev/r/card-13.json"},{"name":"card-14","title":"Card 14","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-14.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-14.json","copy_url":"https://cardcn.dev/r/card-14.json"},{"name":"card-15","title":"Card 15","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-15.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-15.json","copy_url":"https://cardcn.dev/r/card-15.json"},{"name":"card-16","title":"Card 16","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-16.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-16.json","copy_url":"https://cardcn.dev/r/card-16.json"},{"name":"card-17","title":"Card 17","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-17.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-17.json","copy_url":"https://cardcn.dev/r/card-17.json"},{"name":"card-18","title":"Card 18","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-18.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-18.json","copy_url":"https://cardcn.dev/r/card-18.json"},{"name":"card-19","title":"Card 19","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-19.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-19.json","copy_url":"https://cardcn.dev/r/card-19.json"},{"name":"card-20","title":"Card 20","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-20.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-20.json","copy_url":"https://cardcn.dev/r/card-20.json"},{"name":"card-21","title":"Card 21","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-21.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-21.json","copy_url":"https://cardcn.dev/r/card-21.json"},{"name":"card-22","title":"Card 22","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-22.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-22.json","copy_url":"https://cardcn.dev/r/card-22.json"},{"name":"card-23","title":"Card 23","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-23.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-23.json","copy_url":"https://cardcn.dev/r/card-23.json"},{"name":"card-24","title":"Card 24","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-24.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-24.json","copy_url":"https://cardcn.dev/r/card-24.json"},{"name":"card-25","title":"Card 25","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-25.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-25.json","copy_url":"https://cardcn.dev/r/card-25.json"},{"name":"card-26","title":"Card 26","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-26.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-26.json","copy_url":"https://cardcn.dev/r/card-26.json"},{"name":"card-27","title":"Card 27","description":"Card component","type":"registry:component","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-27.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-27.json","copy_url":"https://cardcn.dev/r/card-27.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","recently-updated"],"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.vercel.app/registry/chamaac","markdown":"https://sh4dcn.vercel.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":43,"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","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"],"source_url":"https://chamaac.com/r/electric-mist.json","install_command":"npx shadcn@latest add https://chamaac.com/r/electric-mist.json","copy_url":"https://chamaac.com/r/electric-mist.json"},{"name":"waves","title":"Waves","description":"A smooth, shader-based wave animation component.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/waves.json","install_command":"npx shadcn@latest add https://chamaac.com/r/waves.json","copy_url":"https://chamaac.com/r/waves.json"},{"name":"liquid-chrome","title":"Liquid Chrome","description":"A smooth, mesmerizing liquid metal shader effect.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://chamaac.com/r/liquid-chrome.json","copy_url":"https://chamaac.com/r/liquid-chrome.json"},{"name":"nebula","title":"Nebula","description":"A deep space nebula effect with fractional distortion.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/nebula.json","install_command":"npx shadcn@latest add https://chamaac.com/r/nebula.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/astral-flow.json","install_command":"npx shadcn@latest add https://chamaac.com/r/astral-flow.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/synthesis.json","install_command":"npx shadcn@latest add https://chamaac.com/r/synthesis.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/light-speed.json","install_command":"npx shadcn@latest add https://chamaac.com/r/light-speed.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/stats-cards.json","install_command":"npx shadcn@latest add https://chamaac.com/r/stats-cards.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/interactive-grid-background.json","install_command":"npx shadcn@latest add https://chamaac.com/r/interactive-grid-background.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/text-loop.json","install_command":"npx shadcn@latest add https://chamaac.com/r/text-loop.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/gif-text.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gif-text.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/dancing-letters.json","install_command":"npx shadcn@latest add https://chamaac.com/r/dancing-letters.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/premium-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/premium-button.json","copy_url":"https://chamaac.com/r/premium-button.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"A button with a shimmer animation effect.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/shimmer-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/shimmer-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/slideup-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/slideup-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/hover-arrow-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/hover-arrow-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/focus-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/focus-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/neo-brutalist-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/neo-brutalist-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/glowing-border-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/glowing-border-button.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/gauge.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gauge.json","copy_url":"https://chamaac.com/r/gauge.json"},{"name":"carousel","title":"Carousel","description":"A smooth, auto-playing 3D carousel component with layout animations.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/carousel.json","install_command":"npx shadcn@latest add https://chamaac.com/r/carousel.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/feature-steps.json","install_command":"npx shadcn@latest add https://chamaac.com/r/feature-steps.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/dock.json","install_command":"npx shadcn@latest add https://chamaac.com/r/dock.json","copy_url":"https://chamaac.com/r/dock.json"},{"name":"copy-icon","title":"Copy Icon","description":"An animated copy icon with smooth motion effects.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/copy-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/copy-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/wavy-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/wavy-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/adjustments-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/adjustments-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/ai-input.json","install_command":"npx shadcn@latest add https://chamaac.com/r/ai-input.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/scan-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/scan-icon.json","copy_url":"https://chamaac.com/r/scan-icon.json"},{"name":"bell-icon","title":"Bell Icon","description":"An animated bell icon that rings.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/bell-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/bell-icon.json","copy_url":"https://chamaac.com/r/bell-icon.json"},{"name":"settings-icon","title":"Settings Icon","description":"An animated settings icon that rotates.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/settings-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/settings-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/activity-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/activity-icon.json","copy_url":"https://chamaac.com/r/activity-icon.json"},{"name":"refresh-icon","title":"Refresh Icon","description":"An animated refresh icon that rotates.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/refresh-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/refresh-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/wifi-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/wifi-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/arrow-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-right-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/download-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/download-icon.json","copy_url":"https://chamaac.com/r/download-icon.json"},{"name":"globe-icon","title":"Globe Icon","description":"An animated globe icon that rotates continuously.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/globe-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/globe-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/star-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/star-icon.json","copy_url":"https://chamaac.com/r/star-icon.json"},{"name":"hourglass-icon","title":"Hourglass Icon","description":"An animated hourglass icon that rotates.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/hourglass-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/hourglass-icon.json","copy_url":"https://chamaac.com/r/hourglass-icon.json"},{"name":"lightbulb-icon","title":"Lightbulb Icon","description":"An animated lightbulb icon with pulsing rays.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/lightbulb-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/lightbulb-icon.json","copy_url":"https://chamaac.com/r/lightbulb-icon.json"},{"name":"music-icon","title":"Music Icon","description":"An animated music icon with dancing notes.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/music-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/music-icon.json","copy_url":"https://chamaac.com/r/music-icon.json"},{"name":"heart-icon","title":"Heart Icon","description":"An animated heart icon that beats.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/heart-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/heart-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/mail-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/mail-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/location-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/location-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/lock-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/lock-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/rocket-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/rocket-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/zap-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/zap-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/eye-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/eye-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/send-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/send-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/volume-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/volume-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/check-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/check-icon.json","copy_url":"https://chamaac.com/r/check-icon.json"},{"name":"sparkle-icon","title":"Sparkle Icon","description":"An animated sparkle icon with twinkling stars.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/sparkle-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/sparkle-icon.json","copy_url":"https://chamaac.com/r/sparkle-icon.json"},{"name":"menu-icon","title":"Menu Icon","description":"An animated menu icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/menu-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/menu-icon.json","copy_url":"https://chamaac.com/r/menu-icon.json"},{"name":"alert-circle-icon","title":"Alert Icon","description":"An animated alert icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/alert-circle-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/alert-circle-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/external-link-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/external-link-icon.json","copy_url":"https://chamaac.com/r/external-link-icon.json"},{"name":"cloud-icon","title":"Cloud Icon","description":"An animated cloud icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/cloud-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/cloud-icon.json","copy_url":"https://chamaac.com/r/cloud-icon.json"},{"name":"credit-card-icon","title":"Credit Card Icon","description":"An animated credit card icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/credit-card-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/credit-card-icon.json","copy_url":"https://chamaac.com/r/credit-card-icon.json"},{"name":"cart-icon","title":"Cart Icon","description":"An animated cart icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/cart-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/cart-icon.json","copy_url":"https://chamaac.com/r/cart-icon.json"},{"name":"arrow-left-icon","title":"Arrow Left Icon","description":"An animated arrow left icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/arrow-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-left-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/arrow-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-up-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/arrow-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-down-icon.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevron-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-right-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevron-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-left-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevron-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-up-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevron-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-down-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevrons-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-right-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevrons-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-left-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevrons-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-up-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/chevrons-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-down-icon.json","copy_url":"https://chamaac.com/r/chevrons-down-icon.json"},{"name":"calendar-icon","title":"Calendar Icon","description":"An animated calendar icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/calendar-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/calendar-icon.json","copy_url":"https://chamaac.com/r/calendar-icon.json"},{"name":"shield-icon","title":"Shield Icon","description":"An animated shield icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/shield-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/shield-icon.json","copy_url":"https://chamaac.com/r/shield-icon.json"},{"name":"upload-icon","title":"Upload Icon","description":"An animated upload icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/upload-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/upload-icon.json","copy_url":"https://chamaac.com/r/upload-icon.json"},{"name":"message-icon","title":"Message Icon","description":"An animated message icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/message-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/message-icon.json","copy_url":"https://chamaac.com/r/message-icon.json"},{"name":"search-icon","title":"Search Icon","description":"An animated search icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/search-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/search-icon.json","copy_url":"https://chamaac.com/r/search-icon.json"},{"name":"close-icon","title":"Close Icon","description":"An animated close icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/close-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/close-icon.json","copy_url":"https://chamaac.com/r/close-icon.json"},{"name":"clock-icon","title":"Clock Icon","description":"An animated clock icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/clock-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/clock-icon.json","copy_url":"https://chamaac.com/r/clock-icon.json"},{"name":"layers-icon","title":"Layers Icon","description":"An animated layers icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/layers-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/layers-icon.json","copy_url":"https://chamaac.com/r/layers-icon.json"},{"name":"moon-icon","title":"Moon Icon","description":"An animated moon icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/moon-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/moon-icon.json","copy_url":"https://chamaac.com/r/moon-icon.json"},{"name":"sun-icon","title":"Sun Icon","description":"An animated sun icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/sun-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/sun-icon.json","copy_url":"https://chamaac.com/r/sun-icon.json"},{"name":"trash-icon","title":"Trash Icon","description":"An animated trash icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/trash-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/trash-icon.json","copy_url":"https://chamaac.com/r/trash-icon.json"},{"name":"battery-icon","title":"Battery Icon","description":"An animated battery icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/battery-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/battery-icon.json","copy_url":"https://chamaac.com/r/battery-icon.json"},{"name":"gift-icon","title":"Gift Icon","description":"An animated gift icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/gift-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gift-icon.json","copy_url":"https://chamaac.com/r/gift-icon.json"},{"name":"crown-icon","title":"Crown Icon","description":"An animated crown icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/crown-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/crown-icon.json","copy_url":"https://chamaac.com/r/crown-icon.json"},{"name":"thumbs-up-icon","title":"Thumbs Up Icon","description":"An animated thumbs up icon.","type":"registry:component","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"],"source_url":"https://chamaac.com/r/thumbs-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/thumbs-up-icon.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/how-it-works.json","install_command":"npx shadcn@latest add https://chamaac.com/r/how-it-works.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/water-caustic.json","install_command":"npx shadcn@latest add https://chamaac.com/r/water-caustic.json","copy_url":"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","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"],"source_url":"https://chamaac.com/r/grid-bloom.json","install_command":"npx shadcn@latest add https://chamaac.com/r/grid-bloom.json","copy_url":"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":[],"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.vercel.app/registry/channel3","markdown":"https://sh4dcn.vercel.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/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-06-26T20:07:50Z"},"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":25,"components":[{"name":"format","title":"Format helpers","description":"Price, currency, discount, domain, availability, and image helpers for Channel3 product data.","type":"registry:lib","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/format.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/format.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/variants.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/variants.json","copy_url":"https://ui.trychannel3.com/r/variants.json"},{"name":"use-latest-request","title":"useLatestRequest","description":"Latest-wins guard for overlapping async work: tracks the most recent request and drops stale responses from superseded ones.","type":"registry:hook","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/use-latest-request.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-latest-request.json","copy_url":"https://ui.trychannel3.com/r/use-latest-request.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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/search.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/search.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.trychannel3.com/r/use-async-options.json"},{"name":"use-infinite-scroll","title":"useInfiniteScroll","description":"Headless infinite-scroll pagination over a token-paged list: seeds an initial page, appends subsequent pages via an injected fetcher, and exposes a sentinel re…","type":"registry:hook","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/use-infinite-scroll.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-infinite-scroll.json","copy_url":"https://ui.trychannel3.com/r/use-infinite-scroll.json"},{"name":"use-product-search","title":"useProductSearch","description":"Query + filter state, debounced auto-search, and infinite-scroll pagination via an injected search fetcher.","type":"registry:hook","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-card.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-card.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/offers-list.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/offers-list.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/image-gallery.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/image-gallery.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/variant-selector.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/variant-selector.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-attributes.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-attributes.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-grid.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-grid.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-carousel.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-carousel.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-details.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-details.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-recommendations.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-recommendations.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/search-bar.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/search-bar.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-filters.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-filters.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/product-search.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-search.json","copy_url":"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","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"source_url":"https://ui.trychannel3.com/r/all.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/all.json","copy_url":"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.vercel.app/registry/clerk","markdown":"https://sh4dcn.vercel.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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-clerk-provider.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-clerk-provider.json","copy_url":"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 Middleware. clerkMiddleware() is compatible with both the Ap…","type":"registry:file","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-middleware.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-middleware.json","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-theme-provider.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-theme-provider.json","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-header.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-header.json","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-quickstart.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-quickstart.json","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-waitlist-page.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-waitlist-page.json","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"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","tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"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","copy_url":"https://clerk.com/r/nextjs-custom-flows-multistep-onboarding.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","tables"],"categories":["Charts/data viz"],"labels":["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.vercel.app/registry/cnippet","markdown":"https://sh4dcn.vercel.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.0m2-a3d.ysz2f.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":2,"last_commit":"2026-07-17T14:00:37Z"},"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/ui.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/ui.json","copy_url":"https://ui.cnippet.dev/r/ui.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/accordion.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/accordion.json","copy_url":"https://ui.cnippet.dev/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/alert.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/alert.json","copy_url":"https://ui.cnippet.dev/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/alert-dialog.json","copy_url":"https://ui.cnippet.dev/r/alert-dialog.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/autocomplete.json","copy_url":"https://ui.cnippet.dev/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/avatar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/avatar.json","copy_url":"https://ui.cnippet.dev/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/badge.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/badge.json","copy_url":"https://ui.cnippet.dev/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/breadcrumb.json","copy_url":"https://ui.cnippet.dev/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/button.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/button.json","copy_url":"https://ui.cnippet.dev/r/button.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/calendar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/calendar.json","copy_url":"https://ui.cnippet.dev/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/card.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/card.json","copy_url":"https://ui.cnippet.dev/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/carousel.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/carousel.json","copy_url":"https://ui.cnippet.dev/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/chart.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/chart.json","copy_url":"https://ui.cnippet.dev/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/checkbox.json","copy_url":"https://ui.cnippet.dev/r/checkbox.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/checkbox-group.json","copy_url":"https://ui.cnippet.dev/r/checkbox-group.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/collapsible.json","copy_url":"https://ui.cnippet.dev/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/combobox.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/combobox.json","copy_url":"https://ui.cnippet.dev/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/command.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/command.json","copy_url":"https://ui.cnippet.dev/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/context-menu.json","copy_url":"https://ui.cnippet.dev/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/dialog.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/dialog.json","copy_url":"https://ui.cnippet.dev/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/drawer.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/drawer.json","copy_url":"https://ui.cnippet.dev/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/empty.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/empty.json","copy_url":"https://ui.cnippet.dev/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/field.json","copy_url":"https://ui.cnippet.dev/r/field.json"},{"name":"fieldset","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/fieldset.json","copy_url":"https://ui.cnippet.dev/r/fieldset.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/form.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/form.json","copy_url":"https://ui.cnippet.dev/r/form.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/frame.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/frame.json","copy_url":"https://ui.cnippet.dev/r/frame.json"},{"name":"group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/group.json","copy_url":"https://ui.cnippet.dev/r/group.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/input.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/input.json","copy_url":"https://ui.cnippet.dev/r/input.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/item.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/item.json","copy_url":"https://ui.cnippet.dev/r/item.json"},{"name":"otp-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/otp-field.json","copy_url":"https://ui.cnippet.dev/r/otp-field.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/input-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/input-group.json","copy_url":"https://ui.cnippet.dev/r/input-group.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/kbd.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/kbd.json","copy_url":"https://ui.cnippet.dev/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/label.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/label.json","copy_url":"https://ui.cnippet.dev/r/label.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/menu.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/menu.json","copy_url":"https://ui.cnippet.dev/r/menu.json"},{"name":"meter","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/meter.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/meter.json","copy_url":"https://ui.cnippet.dev/r/meter.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/number-field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/number-field.json","copy_url":"https://ui.cnippet.dev/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/pagination.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/pagination.json","copy_url":"https://ui.cnippet.dev/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/popover.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/popover.json","copy_url":"https://ui.cnippet.dev/r/popover.json"},{"name":"preview-card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/preview-card.json","copy_url":"https://ui.cnippet.dev/r/preview-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/progress.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/progress.json","copy_url":"https://ui.cnippet.dev/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/radio-group.json","copy_url":"https://ui.cnippet.dev/r/radio-group.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/scroll-area.json","copy_url":"https://ui.cnippet.dev/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/select.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/select.json","copy_url":"https://ui.cnippet.dev/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/separator.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/separator.json","copy_url":"https://ui.cnippet.dev/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/sheet.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/sheet.json","copy_url":"https://ui.cnippet.dev/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/sidebar.json","copy_url":"https://ui.cnippet.dev/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/skeleton.json","copy_url":"https://ui.cnippet.dev/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/slider.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/slider.json","copy_url":"https://ui.cnippet.dev/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/spinner.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/spinner.json","copy_url":"https://ui.cnippet.dev/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/switch.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/switch.json","copy_url":"https://ui.cnippet.dev/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/table.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/table.json","copy_url":"https://ui.cnippet.dev/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/tabs.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/tabs.json","copy_url":"https://ui.cnippet.dev/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/textarea.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/textarea.json","copy_url":"https://ui.cnippet.dev/r/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/toast.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toast.json","copy_url":"https://ui.cnippet.dev/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/toggle.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toggle.json","copy_url":"https://ui.cnippet.dev/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toggle-group.json","copy_url":"https://ui.cnippet.dev/r/toggle-group.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toolbar.json","copy_url":"https://ui.cnippet.dev/r/toolbar.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/tooltip.json","copy_url":"https://ui.cnippet.dev/r/tooltip.json"},{"name":"v-accordion-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-1.json"},{"name":"v-accordion-2","title":null,"description":"Single Accordion","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-2.json"},{"name":"v-accordion-3","title":null,"description":"Multiple Accordion","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-3.json"},{"name":"v-accordion-4","title":null,"description":"Controlled Accordion","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-4.json"},{"name":"v-accordion-5","title":null,"description":"With plus/minus indicators","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-5.json"},{"name":"v-accordion-6","title":null,"description":"With borders and rounded corners","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-6.json"},{"name":"v-accordion-7","title":null,"description":"Embedded within a Card","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-14.json"},{"name":"v-accordion-15","title":null,"description":"Product specifications table by category","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-accordion-15.json"},{"name":"v-alert-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-1.json"},{"name":"v-alert-2","title":null,"description":"With Icon","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-2.json"},{"name":"v-alert-3","title":null,"description":"With Icon and Action Buttons","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-3.json"},{"name":"v-alert-4","title":null,"description":"Info Alert","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-4.json"},{"name":"v-alert-5","title":null,"description":"Success Alert","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-5.json"},{"name":"v-alert-6","title":null,"description":"Warning Alert","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-6.json"},{"name":"v-alert-7","title":null,"description":"Error Alert","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-7.json"},{"name":"v-alert-8","title":null,"description":"Stacked alerts within a Frame","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-9.json"},{"name":"v-alert-10","title":null,"description":"Feature discovery alert","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-10.json"},{"name":"v-alert-11","title":null,"description":"Dismissible announcement banner with CTA","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-14.json"},{"name":"v-alert-15","title":null,"description":"Email verification with resend countdown","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-15.json"},{"name":"v-alert-dialog-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-dialog-3.json"},{"name":"v-alert-dialog-4","title":null,"description":"Task Success Confirmation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-dialog-4.json"},{"name":"v-alert-dialog-5","title":null,"description":"Account Deactivation Confirmation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-dialog-7.json"},{"name":"v-alert-dialog-8","title":null,"description":"System Update Notification","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-dialog-9.json"},{"name":"v-alert-dialog-10","title":null,"description":"Logout Confirmation Dialog","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-alert-dialog-15.json"},{"name":"v-autocomplete-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-1.json"},{"name":"v-autocomplete-2","title":null,"description":"Disabled","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-2.json"},{"name":"v-autocomplete-3","title":null,"description":"Sizes","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-3.json"},{"name":"v-autocomplete-4","title":null,"description":"With Label","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-4.json"},{"name":"v-autocomplete-5","title":null,"description":"Inline Autocomplete","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-5.json"},{"name":"v-autocomplete-6","title":null,"description":"Auto Highlight","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-6.json"},{"name":"v-autocomplete-7","title":null,"description":"With Clear Button","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-7.json"},{"name":"v-autocomplete-8","title":null,"description":"With Trigger and Clear Buttons","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-8.json"},{"name":"v-autocomplete-9","title":null,"description":"With Search Icon","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-9.json"},{"name":"v-autocomplete-10","title":null,"description":"Grouped Items","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-10.json"},{"name":"v-autocomplete-11","title":null,"description":"Limit Results","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-11.json"},{"name":"v-autocomplete-12","title":null,"description":"Async Search","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-12.json"},{"name":"v-autocomplete-13","title":null,"description":"Form Integration","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-13.json"},{"name":"v-autocomplete-14","title":null,"description":"Timezone Picker","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-14.json"},{"name":"v-autocomplete-15","title":null,"description":"Person Picker","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-autocomplete-20.json"},{"name":"v-avatar-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-1.json"},{"name":"v-avatar-2","title":null,"description":"With Fallback","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-2.json"},{"name":"v-avatar-3","title":null,"description":"Different Sizes","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-3.json"},{"name":"v-avatar-4","title":null,"description":"Different Radius","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-4.json"},{"name":"v-avatar-5","title":null,"description":"Avatar Group","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-5.json"},{"name":"v-avatar-6","title":null,"description":"Avatar Group With Numeric Count","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-6.json"},{"name":"v-avatar-7","title":null,"description":"With Details and Badge","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-8.json"},{"name":"v-avatar-9","title":null,"description":"Compact Social Proof With Initials","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-9.json"},{"name":"v-avatar-10","title":null,"description":"With Hover Effect","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-10.json"},{"name":"v-avatar-11","title":null,"description":"With Hover Effect & Tooltips","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-12.json"},{"name":"v-avatar-13","title":null,"description":"With Loading State Demonstration","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-13.json"},{"name":"v-avatar-14","title":null,"description":"With Custom Badge","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-14.json"},{"name":"v-avatar-15","title":null,"description":"With Ring Animation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-15.json"},{"name":"v-avatar-16","title":null,"description":"With Dropdown Menu","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-17.json"},{"name":"v-avatar-18","title":null,"description":"Pull request comment thread","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-avatar-21.json"},{"name":"v-badge-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-1.json"},{"name":"v-badge-2","title":null,"description":"Outline","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-2.json"},{"name":"v-badge-3","title":null,"description":"Secondary","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-3.json"},{"name":"v-badge-4","title":null,"description":"Destructive","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-4.json"},{"name":"v-badge-5","title":null,"description":"Info","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-5.json"},{"name":"v-badge-6","title":null,"description":"Success","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-6.json"},{"name":"v-badge-7","title":null,"description":"Warning","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-7.json"},{"name":"v-badge-8","title":null,"description":"Error","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-8.json"},{"name":"v-badge-9","title":null,"description":"Size Variations","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-9.json"},{"name":"v-badge-10","title":null,"description":"With Icon","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-10.json"},{"name":"v-badge-11","title":null,"description":"With Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-11.json"},{"name":"v-badge-12","title":null,"description":"With Count","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-14.json"},{"name":"v-badge-15","title":null,"description":"Subscription plan tiers with pricing","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-badge-17.json"},{"name":"v-breadcrumb-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-1.json"},{"name":"v-breadcrumb-2","title":null,"description":"With custom separator","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-2.json"},{"name":"v-breadcrumb-3","title":null,"description":"With Dropdown Menu","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-3.json"},{"name":"v-breadcrumb-4","title":null,"description":"With Next.js Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-4.json"},{"name":"v-breadcrumb-5","title":null,"description":"With Icons For Each Item","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-5.json"},{"name":"v-breadcrumb-6","title":null,"description":"With Avatar","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-6.json"},{"name":"v-breadcrumb-7","title":null,"description":"Inside Card","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-7.json"},{"name":"v-breadcrumb-8","title":null,"description":"Starting With Home Icon","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-8.json"},{"name":"v-breadcrumb-9","title":null,"description":"Button-style","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-breadcrumb-15.json"},{"name":"v-button-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-1.json"},{"name":"v-button-2","title":null,"description":"Outline","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-2.json"},{"name":"v-button-3","title":null,"description":"Secondary","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-3.json"},{"name":"v-button-4","title":null,"description":"Destructive","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-4.json"},{"name":"v-button-5","title":null,"description":"Destructive Outline","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-5.json"},{"name":"v-button-6","title":null,"description":"Ghost","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-6.json"},{"name":"v-button-7","title":null,"description":"Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-7.json"},{"name":"v-button-8","title":null,"description":"Extra-small Size","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-8.json"},{"name":"v-button-9","title":null,"description":"Small Size","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-9.json"},{"name":"v-button-10","title":null,"description":"Large Size","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-10.json"},{"name":"v-button-11","title":null,"description":"Extra-large Size","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-11.json"},{"name":"v-button-12","title":null,"description":"Disabled","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-12.json"},{"name":"v-button-13","title":null,"description":"Icon","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-19.json"},{"name":"v-button-20","title":null,"description":"Star button with count","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-20.json"},{"name":"v-button-21","title":null,"description":"Button with an unread badge","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-23.json"},{"name":"v-button-24","title":null,"description":"Animated hamburger / close toggle button","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-24.json"},{"name":"v-button-25","title":null,"description":"Sliding Icon Button (Hover reveal)","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-button-30.json"},{"name":"v-calendar-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-1.json"},{"name":"v-calendar-2","title":null,"description":"Fallback Only","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-2.json"},{"name":"v-calendar-3","title":null,"description":"Different Sizes","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-3.json"},{"name":"v-calendar-4","title":null,"description":"Dropdown Navigation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-4.json"},{"name":"v-calendar-5","title":null,"description":"Custom Select Dropdown","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-5.json"},{"name":"v-calendar-6","title":null,"description":"Custom Combobox Dropdown","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-6.json"},{"name":"v-calendar-7","title":null,"description":"Multiple Selection","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-7.json"},{"name":"v-calendar-8","title":null,"description":"Appointment Booking","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-8.json"},{"name":"v-calendar-9","title":null,"description":"Two-Month Range Picker","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-9.json"},{"name":"v-calendar-10","title":null,"description":"Event Indicators","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-10.json"},{"name":"v-calendar-11","title":null,"description":"Date Picker with Presets","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-11.json"},{"name":"v-calendar-12","title":null,"description":"Date of Birth","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-12.json"},{"name":"v-calendar-13","title":null,"description":"Week Picker","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-13.json"},{"name":"v-calendar-14","title":null,"description":"Basic calendar","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-14.json"},{"name":"v-calendar-15","title":null,"description":"Basic calendar","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-calendar-20.json"},{"name":"v-card-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-card-1.json"},{"name":"v-card-2","title":null,"description":"With Border","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"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","copy_url":"https://ui.cnippet.dev/r/v-card-2.json"},{"name":"v-card-3","title":null,"description":"With Border Separation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-3.json","copy_url":"https://ui.cnippet.dev/r/v-card-3.json"},{"name":"v-card-4","title":null,"description":"With Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-4.json","copy_url":"https://ui.cnippet.dev/r/v-card-4.json"},{"name":"v-card-5","title":null,"description":"With Dropdown Menu","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-5.json","copy_url":"https://ui.cnippet.dev/r/v-card-5.json"},{"name":"v-card-6","title":null,"description":"With Image","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-6.json","copy_url":"https://ui.cnippet.dev/r/v-card-6.json"},{"name":"v-card-7","title":null,"description":"With Image Scale Hover Effect","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-7.json","copy_url":"https://ui.cnippet.dev/r/v-card-7.json"},{"name":"v-card-8","title":null,"description":"With Image and Shadow Fade Effect","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-8.json","copy_url":"https://ui.cnippet.dev/r/v-card-8.json"},{"name":"v-card-9","title":null,"description":"With Stacked depth Effect","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-9.json","copy_url":"https://ui.cnippet.dev/r/v-card-9.json"},{"name":"v-card-10","title":null,"description":"Login Form Card","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-10.json","copy_url":"https://ui.cnippet.dev/r/v-card-10.json"},{"name":"v-card-11","title":null,"description":"Expandable Content Card","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-11.json","copy_url":"https://ui.cnippet.dev/r/v-card-11.json"},{"name":"v-card-12","title":null,"description":"With Overflow Menu","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-12.json","copy_url":"https://ui.cnippet.dev/r/v-card-12.json"},{"name":"v-card-13","title":null,"description":"With Header Badge & Actions","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-13.json","copy_url":"https://ui.cnippet.dev/r/v-card-13.json"},{"name":"v-card-14","title":null,"description":"With Icon, Title and Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-14.json","copy_url":"https://ui.cnippet.dev/r/v-card-14.json"},{"name":"v-card-15","title":null,"description":"With Header Label and Link","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-15.json","copy_url":"https://ui.cnippet.dev/r/v-card-15.json"},{"name":"v-card-16","title":null,"description":"GitHub repository list cards with language, star, and fork counts","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-16.json","copy_url":"https://ui.cnippet.dev/r/v-card-16.json"},{"name":"v-card-17","title":null,"description":"Settings card with sidebar navigation and swappable content panels","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-17.json","copy_url":"https://ui.cnippet.dev/r/v-card-17.json"},{"name":"v-card-18","title":null,"description":"Pricing plan card with feature checklist and highlighted ring","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-18.json","copy_url":"https://ui.cnippet.dev/r/v-card-18.json"},{"name":"v-card-19","title":null,"description":"Event card with date, time, location, attendee count, and RSVP button","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-19.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-19.json","copy_url":"https://ui.cnippet.dev/r/v-card-19.json"},{"name":"v-card-20","title":null,"description":"Stats dashboard grid with four metric tiles and trend indicators","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-card-20.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-20.json","copy_url":"https://ui.cnippet.dev/r/v-card-20.json"},{"name":"v-carousel-1","title":null,"description":"Default","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-carousel-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-carousel-1.json","copy_url":"https://ui.cnippet.dev/r/v-carousel-1.json"},{"name":"v-carousel-2","title":null,"description":"Multiple Items","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-carousel-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-carousel-2.json","copy_url":"https://ui.cnippet.dev/r/v-carousel-2.json"},{"name":"v-carousel-3","title":null,"description":"Custom Spacing","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-carousel-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-carousel-3.json","copy_url":"https://ui.cnippet.dev/r/v-carousel-3.json"},{"name":"v-carousel-4","title":null,"description":"Vertical Orientation","type":"registry:block","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"source_url":"https://ui.cnippet.dev/r/v-carousel-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-carousel-4.json","copy_url":"https://ui.cnippet.dev/r/v-carousel-4.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.vercel.app/registry/cognicatch","markdown":"https://sh4dcn.vercel.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":7,"open_issues":5,"last_commit":"2026-05-02T21:58:36Z"},"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","tags":["accessibility","ai","cards","cms","developer-tools","forms","overlays","pro-available"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-banner.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-banner.json","copy_url":"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","tags":["accessibility","ai","cards","cms","developer-tools","forms","overlays","pro-available"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-fatal-error.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-fatal-error.json","copy_url":"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","tags":["accessibility","ai","cards","cms","developer-tools","forms","overlays","pro-available"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-toast.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-toast.json","copy_url":"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","tags":["accessibility","ai","cards","cms","developer-tools","forms","overlays","pro-available"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-error-boundary.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-error-boundary.json","copy_url":"https://cognicatch.dev/registry/adaptive-error-boundary.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","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/{name}.json","source":"https://commercn.com/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/commercn","markdown":"https://sh4dcn.vercel.app/md/commercn.md"},"logo":null,"preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":72,"open_issues":0,"last_commit":"2026-02-03T06:50:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"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/{name}.json"},"component_count":0,"components":[]},{"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","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","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.vercel.app/registry/componentry","markdown":"https://sh4dcn.vercel.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":230,"open_issues":1,"last_commit":"2026-07-07T18:52:17Z"},"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":55,"components":[{"name":"animated-gradient","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/animated-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/animated-gradient.json","copy_url":"https://componentry.fun/r/animated-gradient.json"},{"name":"ascii-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/ascii-effect.json","install_command":"npx shadcn@latest add https://componentry.fun/r/ascii-effect.json","copy_url":"https://componentry.fun/r/ascii-effect.json"},{"name":"auth-modal","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/auth-modal.json","install_command":"npx shadcn@latest add https://componentry.fun/r/auth-modal.json","copy_url":"https://componentry.fun/r/auth-modal.json"},{"name":"border-beam","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/border-beam.json","install_command":"npx shadcn@latest add https://componentry.fun/r/border-beam.json","copy_url":"https://componentry.fun/r/border-beam.json"},{"name":"circuit-board","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/circuit-board.json","install_command":"npx shadcn@latest add https://componentry.fun/r/circuit-board.json","copy_url":"https://componentry.fun/r/circuit-board.json"},{"name":"closing-plasma","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/closing-plasma.json","install_command":"npx shadcn@latest add https://componentry.fun/r/closing-plasma.json","copy_url":"https://componentry.fun/r/closing-plasma.json"},{"name":"collection-surfer","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/collection-surfer.json","install_command":"npx shadcn@latest add https://componentry.fun/r/collection-surfer.json","copy_url":"https://componentry.fun/r/collection-surfer.json"},{"name":"command-menu","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/command-menu.json","install_command":"npx shadcn@latest add https://componentry.fun/r/command-menu.json","copy_url":"https://componentry.fun/r/command-menu.json"},{"name":"cursor-driven-particle-typography","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"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","copy_url":"https://componentry.fun/r/cursor-driven-particle-typography.json"},{"name":"dither-gradient","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/dither-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dither-gradient.json","copy_url":"https://componentry.fun/r/dither-gradient.json"},{"name":"dither-prism-hero","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/dither-prism-hero.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dither-prism-hero.json","copy_url":"https://componentry.fun/r/dither-prism-hero.json"},{"name":"dithered-logo","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/dithered-logo.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dithered-logo.json","copy_url":"https://componentry.fun/r/dithered-logo.json"},{"name":"eye-tracking","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/eye-tracking.json","install_command":"npx shadcn@latest add https://componentry.fun/r/eye-tracking.json","copy_url":"https://componentry.fun/r/eye-tracking.json"},{"name":"flight-status-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/flight-status-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/flight-status-card.json","copy_url":"https://componentry.fun/r/flight-status-card.json"},{"name":"github-calendar","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/github-calendar.json","install_command":"npx shadcn@latest add https://componentry.fun/r/github-calendar.json","copy_url":"https://componentry.fun/r/github-calendar.json"},{"name":"hero-geometric","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/hero-geometric.json","install_command":"npx shadcn@latest add https://componentry.fun/r/hero-geometric.json","copy_url":"https://componentry.fun/r/hero-geometric.json"},{"name":"hyper-text","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/hyper-text.json","install_command":"npx shadcn@latest add https://componentry.fun/r/hyper-text.json","copy_url":"https://componentry.fun/r/hyper-text.json"},{"name":"image-ripple-effect","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/image-ripple-effect.json","install_command":"npx shadcn@latest add https://componentry.fun/r/image-ripple-effect.json","copy_url":"https://componentry.fun/r/image-ripple-effect.json"},{"name":"image-trail","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/image-trail.json","install_command":"npx shadcn@latest add https://componentry.fun/r/image-trail.json","copy_url":"https://componentry.fun/r/image-trail.json"},{"name":"infinite-image-field","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/infinite-image-field.json","install_command":"npx shadcn@latest add https://componentry.fun/r/infinite-image-field.json","copy_url":"https://componentry.fun/r/infinite-image-field.json"},{"name":"interactive-hover-button","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/interactive-hover-button.json","install_command":"npx shadcn@latest add https://componentry.fun/r/interactive-hover-button.json","copy_url":"https://componentry.fun/r/interactive-hover-button.json"},{"name":"kinetic-text-reveal","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/kinetic-text-reveal.json","install_command":"npx shadcn@latest add https://componentry.fun/r/kinetic-text-reveal.json","copy_url":"https://componentry.fun/r/kinetic-text-reveal.json"},{"name":"layered-stack","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/layered-stack.json","install_command":"npx shadcn@latest add https://componentry.fun/r/layered-stack.json","copy_url":"https://componentry.fun/r/layered-stack.json"},{"name":"letter-cascade","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/letter-cascade.json","install_command":"npx shadcn@latest add https://componentry.fun/r/letter-cascade.json","copy_url":"https://componentry.fun/r/letter-cascade.json"},{"name":"liquid-blob","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/liquid-blob.json","install_command":"npx shadcn@latest add https://componentry.fun/r/liquid-blob.json","copy_url":"https://componentry.fun/r/liquid-blob.json"},{"name":"liquid-chrome","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://componentry.fun/r/liquid-chrome.json","copy_url":"https://componentry.fun/r/liquid-chrome.json"},{"name":"mac-keyboard","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/mac-keyboard.json","install_command":"npx shadcn@latest add https://componentry.fun/r/mac-keyboard.json","copy_url":"https://componentry.fun/r/mac-keyboard.json"},{"name":"magnet-lines","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/magnet-lines.json","install_command":"npx shadcn@latest add https://componentry.fun/r/magnet-lines.json","copy_url":"https://componentry.fun/r/magnet-lines.json"},{"name":"magnetic-dock","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/magnetic-dock.json","install_command":"npx shadcn@latest add https://componentry.fun/r/magnetic-dock.json","copy_url":"https://componentry.fun/r/magnetic-dock.json"},{"name":"matrix-rain","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/matrix-rain.json","install_command":"npx shadcn@latest add https://componentry.fun/r/matrix-rain.json","copy_url":"https://componentry.fun/r/matrix-rain.json"},{"name":"music-player","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/music-player.json","install_command":"npx shadcn@latest add https://componentry.fun/r/music-player.json","copy_url":"https://componentry.fun/r/music-player.json"},{"name":"noise-texture","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/noise-texture.json","install_command":"npx shadcn@latest add https://componentry.fun/r/noise-texture.json","copy_url":"https://componentry.fun/r/noise-texture.json"},{"name":"orbit-card-stack","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/orbit-card-stack.json","install_command":"npx shadcn@latest add https://componentry.fun/r/orbit-card-stack.json","copy_url":"https://componentry.fun/r/orbit-card-stack.json"},{"name":"particle-galaxy","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/particle-galaxy.json","install_command":"npx shadcn@latest add https://componentry.fun/r/particle-galaxy.json","copy_url":"https://componentry.fun/r/particle-galaxy.json"},{"name":"pixel-canvas","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/pixel-canvas.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pixel-canvas.json","copy_url":"https://componentry.fun/r/pixel-canvas.json"},{"name":"prism-gradient","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/prism-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/prism-gradient.json","copy_url":"https://componentry.fun/r/prism-gradient.json"},{"name":"pulsating-button","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/pulsating-button.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pulsating-button.json","copy_url":"https://componentry.fun/r/pulsating-button.json"},{"name":"ripple-transition","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/ripple-transition.json","install_command":"npx shadcn@latest add https://componentry.fun/r/ripple-transition.json","copy_url":"https://componentry.fun/r/ripple-transition.json"},{"name":"scroll-based-velocity","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-based-velocity.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-based-velocity.json","copy_url":"https://componentry.fun/r/scroll-based-velocity.json"},{"name":"scroll-choreography","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-choreography.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-choreography.json","copy_url":"https://componentry.fun/r/scroll-choreography.json"},{"name":"scroll-split-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-split-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-split-card.json","copy_url":"https://componentry.fun/r/scroll-split-card.json"},{"name":"scroll-tilted-grid","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-tilted-grid.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-tilted-grid.json","copy_url":"https://componentry.fun/r/scroll-tilted-grid.json"},{"name":"scrub-input","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scrub-input.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scrub-input.json","copy_url":"https://componentry.fun/r/scrub-input.json"},{"name":"shimmer-button","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/shimmer-button.json","install_command":"npx shadcn@latest add https://componentry.fun/r/shimmer-button.json","copy_url":"https://componentry.fun/r/shimmer-button.json"},{"name":"showcase-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/showcase-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/showcase-card.json","copy_url":"https://componentry.fun/r/showcase-card.json"},{"name":"signature","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/signature.json","install_command":"npx shadcn@latest add https://componentry.fun/r/signature.json","copy_url":"https://componentry.fun/r/signature.json"},{"name":"silk-aurora","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/silk-aurora.json","install_command":"npx shadcn@latest add https://componentry.fun/r/silk-aurora.json","copy_url":"https://componentry.fun/r/silk-aurora.json"},{"name":"split-flap-display","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/split-flap-display.json","install_command":"npx shadcn@latest add https://componentry.fun/r/split-flap-display.json","copy_url":"https://componentry.fun/r/split-flap-display.json"},{"name":"spotlight-card","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/spotlight-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/spotlight-card.json","copy_url":"https://componentry.fun/r/spotlight-card.json"},{"name":"sticky-scroll-cards","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/sticky-scroll-cards.json","install_command":"npx shadcn@latest add https://componentry.fun/r/sticky-scroll-cards.json","copy_url":"https://componentry.fun/r/sticky-scroll-cards.json"},{"name":"testimonial-marquee","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/testimonial-marquee.json","install_command":"npx shadcn@latest add https://componentry.fun/r/testimonial-marquee.json","copy_url":"https://componentry.fun/r/testimonial-marquee.json"},{"name":"text-animate","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/text-animate.json","install_command":"npx shadcn@latest add https://componentry.fun/r/text-animate.json","copy_url":"https://componentry.fun/r/text-animate.json"},{"name":"text-repel","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/text-repel.json","install_command":"npx shadcn@latest add https://componentry.fun/r/text-repel.json","copy_url":"https://componentry.fun/r/text-repel.json"},{"name":"webgl-liquid","title":null,"description":null,"type":"registry:ui","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/webgl-liquid.json","install_command":"npx shadcn@latest add https://componentry.fun/r/webgl-liquid.json","copy_url":"https://componentry.fun/r/webgl-liquid.json"},{"name":"gradient-hero-01","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","overlays","retro","saas"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/gradient-hero-01.json","install_command":"npx shadcn@latest add https://componentry.fun/r/gradient-hero-01.json","copy_url":"https://componentry.fun/r/gradient-hero-01.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.vercel.app/registry/contentbit","markdown":"https://sh4dcn.vercel.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":11,"open_issues":0,"last_commit":"2026-07-07T17:42:07Z"},"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/content-renderer.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/content-renderer.json","copy_url":"https://contentbit.dev/r/content-renderer.json"},{"name":"callout","title":"Callout Block","description":"Note, tip, warning, important, and TLDR callouts.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/callout.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/callout.json","copy_url":"https://contentbit.dev/r/callout.json"},{"name":"steps","title":"Steps Block","description":"Numbered process steps.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/steps.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/steps.json","copy_url":"https://contentbit.dev/r/steps.json"},{"name":"key-metrics","title":"Key Metrics Block","description":"Stat cards for scannable numbers.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/key-metrics.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/key-metrics.json","copy_url":"https://contentbit.dev/r/key-metrics.json"},{"name":"quick-ref","title":"Quick Reference Block","description":"Compact key/value reference card.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/quick-ref.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/quick-ref.json","copy_url":"https://contentbit.dev/r/quick-ref.json"},{"name":"comparison","title":"Comparison Block","description":"Two-option comparison table.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/comparison.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/comparison.json","copy_url":"https://contentbit.dev/r/comparison.json"},{"name":"pros-cons","title":"Pros & Cons Block","description":"Paired advantages and disadvantages.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/pros-cons.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/pros-cons.json","copy_url":"https://contentbit.dev/r/pros-cons.json"},{"name":"tabs","title":"Tabs Block","description":"Tabbed switcher for alternative methods.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/tabs.json","copy_url":"https://contentbit.dev/r/tabs.json"},{"name":"faq","title":"FAQ Block","description":"Accordion of question/answer pairs.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/faq.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/faq.json","copy_url":"https://contentbit.dev/r/faq.json"},{"name":"generic-pack","title":"Generic Pack","description":"All Content Blocks components plus the renderer.","type":"registry:block","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/generic-pack.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/generic-pack.json","copy_url":"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-content-renderer.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-content-renderer.json","copy_url":"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-callout.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-callout.json","copy_url":"https://contentbit.dev/r/astro-callout.json"},{"name":"astro-steps","title":"Steps Block (Astro)","description":"Numbered process steps.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-steps.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-steps.json","copy_url":"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-key-metrics.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-key-metrics.json","copy_url":"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-quick-ref.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-quick-ref.json","copy_url":"https://contentbit.dev/r/astro-quick-ref.json"},{"name":"astro-comparison","title":"Comparison Block (Astro)","description":"Two-option comparison table.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-comparison.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-comparison.json","copy_url":"https://contentbit.dev/r/astro-comparison.json"},{"name":"astro-pros-cons","title":"Pros & Cons Block (Astro)","description":"Paired advantages and disadvantages.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-pros-cons.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-pros-cons.json","copy_url":"https://contentbit.dev/r/astro-pros-cons.json"},{"name":"astro-tabs","title":"Tabs Block (Astro)","description":"Tabbed switcher for alternative methods.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-tabs.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-tabs.json","copy_url":"https://contentbit.dev/r/astro-tabs.json"},{"name":"astro-faq","title":"FAQ Block (Astro)","description":"Accordion of question/answer pairs.","type":"registry:component","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-faq.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-faq.json","copy_url":"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","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"source_url":"https://contentbit.dev/r/astro-pack.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-pack.json","copy_url":"https://contentbit.dev/r/astro-pack.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.vercel.app/registry/corr","markdown":"https://sh4dcn.vercel.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":59,"components":[{"name":"accordion-list","title":"Accordion List","description":"A clean accordion list wrapper for FAQs, settings, and dense help content.","type":"registry:component","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/accordion-list.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/accordion-list.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-buttons.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-buttons.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-dialog.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-dialog.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-disclosure.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-disclosure.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-list.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-number.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-number.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-progress.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-progress.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-spinner.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-spinner.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/area-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/audit-log.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/audit-log.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/availability.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/availability.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/bar-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/carousel.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/carousel.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/code-block.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/code-block.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/command-palette.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/composed-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/composed-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/data-table.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/data-table.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/destructive-gate.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/destructive-gate.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/action-dialog.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/action-dialog.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/action-drawer.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/action-drawer.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/empty-state.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/file-manager.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/file-manager.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/filters.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/filters.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/form-builder.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/form-builder.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/kanban.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/kanban.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/line-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/mailbox.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/mailbox.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/metric-badge.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/metric-badge.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/notice-alert.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/notice-alert.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/pie-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/presence-fade.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/presence-fade.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/preview-link.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/preview-link.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/profile-avatar.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/profile-avatar.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/radar-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/radial-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/radial-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"https://ui.corr.sh/r/registry-install-card.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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/sankey-chart.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/scroll-blur.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/scroll-blur.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/section-tabs.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/section-tabs.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/settings-page.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/settings-page.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/shimmer-skeleton.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/shimmer-skeleton.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/status-page.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/status-page.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/status-pill.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/status-pill.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/stepper.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/stepper.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/timeline.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/timeline.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/toast-action.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/toast-action.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/typography-effects.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/typography-effects.json","copy_url":"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","tables"],"categories":["Design system"],"labels":["featured","popular","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.vercel.app/registry/coss","markdown":"https://sh4dcn.vercel.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.0xa1qes_4_px0.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10204,"open_issues":14,"last_commit":"2026-07-08T06:11:41Z"},"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/ui.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/ui.json","copy_url":"https://coss.com/ui/r/ui.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/accordion.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/accordion.json","copy_url":"https://coss.com/ui/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/alert.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/alert.json","copy_url":"https://coss.com/ui/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/alert-dialog.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/alert-dialog.json","copy_url":"https://coss.com/ui/r/alert-dialog.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/autocomplete.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/autocomplete.json","copy_url":"https://coss.com/ui/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/avatar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/avatar.json","copy_url":"https://coss.com/ui/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/badge.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/badge.json","copy_url":"https://coss.com/ui/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/breadcrumb.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/breadcrumb.json","copy_url":"https://coss.com/ui/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/button.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/button.json","copy_url":"https://coss.com/ui/r/button.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/calendar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/calendar.json","copy_url":"https://coss.com/ui/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/card.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/card.json","copy_url":"https://coss.com/ui/r/card.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/checkbox.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/checkbox.json","copy_url":"https://coss.com/ui/r/checkbox.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/checkbox-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/checkbox-group.json","copy_url":"https://coss.com/ui/r/checkbox-group.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/collapsible.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/collapsible.json","copy_url":"https://coss.com/ui/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/combobox.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/combobox.json","copy_url":"https://coss.com/ui/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/command.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/command.json","copy_url":"https://coss.com/ui/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/context-menu.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/context-menu.json","copy_url":"https://coss.com/ui/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/dialog.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/dialog.json","copy_url":"https://coss.com/ui/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/drawer.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/drawer.json","copy_url":"https://coss.com/ui/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/empty.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/empty.json","copy_url":"https://coss.com/ui/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/field.json","copy_url":"https://coss.com/ui/r/field.json"},{"name":"fieldset","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/fieldset.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/fieldset.json","copy_url":"https://coss.com/ui/r/fieldset.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/form.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/form.json","copy_url":"https://coss.com/ui/r/form.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/frame.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/frame.json","copy_url":"https://coss.com/ui/r/frame.json"},{"name":"group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/group.json","copy_url":"https://coss.com/ui/r/group.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/input.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/input.json","copy_url":"https://coss.com/ui/r/input.json"},{"name":"otp-field","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/otp-field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/otp-field.json","copy_url":"https://coss.com/ui/r/otp-field.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/input-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/input-group.json","copy_url":"https://coss.com/ui/r/input-group.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/kbd.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/kbd.json","copy_url":"https://coss.com/ui/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/label.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/label.json","copy_url":"https://coss.com/ui/r/label.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/menu.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/menu.json","copy_url":"https://coss.com/ui/r/menu.json"},{"name":"meter","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/meter.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/meter.json","copy_url":"https://coss.com/ui/r/meter.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/number-field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/number-field.json","copy_url":"https://coss.com/ui/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/pagination.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/pagination.json","copy_url":"https://coss.com/ui/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/popover.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/popover.json","copy_url":"https://coss.com/ui/r/popover.json"},{"name":"preview-card","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/preview-card.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/preview-card.json","copy_url":"https://coss.com/ui/r/preview-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/progress.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/progress.json","copy_url":"https://coss.com/ui/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/radio-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/radio-group.json","copy_url":"https://coss.com/ui/r/radio-group.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/scroll-area.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/scroll-area.json","copy_url":"https://coss.com/ui/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/select.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/select.json","copy_url":"https://coss.com/ui/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/separator.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/separator.json","copy_url":"https://coss.com/ui/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/sheet.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/sheet.json","copy_url":"https://coss.com/ui/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/sidebar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/sidebar.json","copy_url":"https://coss.com/ui/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/skeleton.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/skeleton.json","copy_url":"https://coss.com/ui/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/slider.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/slider.json","copy_url":"https://coss.com/ui/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/spinner.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/spinner.json","copy_url":"https://coss.com/ui/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/switch.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/switch.json","copy_url":"https://coss.com/ui/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/table.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/table.json","copy_url":"https://coss.com/ui/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/tabs.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/tabs.json","copy_url":"https://coss.com/ui/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/textarea.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/textarea.json","copy_url":"https://coss.com/ui/r/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toast.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toast.json","copy_url":"https://coss.com/ui/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toggle.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toggle.json","copy_url":"https://coss.com/ui/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toggle-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toggle-group.json","copy_url":"https://coss.com/ui/r/toggle-group.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toolbar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toolbar.json","copy_url":"https://coss.com/ui/r/toolbar.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/tooltip.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/tooltip.json","copy_url":"https://coss.com/ui/r/tooltip.json"},{"name":"p-accordion-1","title":null,"description":"Basic accordion","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-accordion-1.json"},{"name":"p-accordion-2","title":null,"description":"Accordion with one panel open","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-accordion-2.json"},{"name":"p-accordion-3","title":null,"description":"Accordion allowing multiple panels open","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-accordion-3.json"},{"name":"p-accordion-4","title":null,"description":"Controlled accordion","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-accordion-4.json"},{"name":"p-alert-1","title":null,"description":"Basic alert","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-1.json"},{"name":"p-alert-2","title":null,"description":"Alert with icon","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-3.json"},{"name":"p-alert-4","title":null,"description":"Info alert","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-4.json"},{"name":"p-alert-5","title":null,"description":"Success alert","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-5.json"},{"name":"p-alert-6","title":null,"description":"Warning alert","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-6.json"},{"name":"p-alert-7","title":null,"description":"Error alert","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-7.json"},{"name":"p-alert-dialog-1","title":null,"description":"Alert dialog","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-alert-dialog-2.json"},{"name":"p-autocomplete-1","title":null,"description":"Basic autocomplete","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-1.json"},{"name":"p-autocomplete-2","title":null,"description":"Disabled autocomplete","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-2.json"},{"name":"p-autocomplete-3","title":null,"description":"Small autocomplete","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-3.json"},{"name":"p-autocomplete-4","title":null,"description":"Large autocomplete","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-4.json"},{"name":"p-autocomplete-5","title":null,"description":"Autocomplete with label","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-7.json"},{"name":"p-autocomplete-8","title":null,"description":"Autocomplete with clear button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-9.json"},{"name":"p-autocomplete-10","title":null,"description":"Autocomplete with grouped items","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-11.json"},{"name":"p-autocomplete-12","title":null,"description":"Autocomplete with async items loading","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-12.json"},{"name":"p-autocomplete-13","title":null,"description":"Autocomplete form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-13.json"},{"name":"p-autocomplete-14","title":null,"description":"Autocomplete form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-14.json"},{"name":"p-autocomplete-15","title":null,"description":"Pill-shaped autocomplete","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-autocomplete-16.json"},{"name":"p-avatar-1","title":null,"description":"Avatar with image and fallback","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-1.json"},{"name":"p-avatar-2","title":null,"description":"Fallback-only avatar","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-2.json"},{"name":"p-avatar-3","title":null,"description":"Avatars with different sizes","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-3.json"},{"name":"p-avatar-4","title":null,"description":"Avatars with different radii","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-4.json"},{"name":"p-avatar-5","title":null,"description":"Overlapping avatar group","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-5.json"},{"name":"p-avatar-6","title":null,"description":"Avatar with user icon fallback","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-6.json"},{"name":"p-avatar-7","title":null,"description":"Avatar with emerald status dot","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-7.json"},{"name":"p-avatar-8","title":null,"description":"Avatar with muted status dot","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-9.json"},{"name":"p-avatar-10","title":null,"description":"Avatar with notification badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-10.json"},{"name":"p-avatar-11","title":null,"description":"Rounded avatar with notification badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-11.json"},{"name":"p-avatar-12","title":null,"description":"Avatar with verified badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-12.json"},{"name":"p-avatar-13","title":null,"description":"Small overlapping avatar group","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-13.json"},{"name":"p-avatar-14","title":null,"description":"Large overlapping avatar group","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-avatar-14.json"},{"name":"p-badge-1","title":null,"description":"Basic badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-1.json"},{"name":"p-badge-2","title":null,"description":"Outline badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-2.json"},{"name":"p-badge-3","title":null,"description":"Secondary badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-3.json"},{"name":"p-badge-4","title":null,"description":"Destructive badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-4.json"},{"name":"p-badge-5","title":null,"description":"Info badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-5.json"},{"name":"p-badge-6","title":null,"description":"Success badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-6.json"},{"name":"p-badge-7","title":null,"description":"Warning badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-7.json"},{"name":"p-badge-8","title":null,"description":"Error badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-8.json"},{"name":"p-badge-9","title":null,"description":"Small badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-9.json"},{"name":"p-badge-10","title":null,"description":"Large badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-10.json"},{"name":"p-badge-11","title":null,"description":"Badge with icon","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-11.json"},{"name":"p-badge-12","title":null,"description":"Badge with link","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-12.json"},{"name":"p-badge-13","title":null,"description":"Badge with count","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-13.json"},{"name":"p-badge-14","title":null,"description":"Full rounded badge (pill)","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-14.json"},{"name":"p-badge-15","title":null,"description":"Badge with number after text","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-15.json"},{"name":"p-badge-16","title":null,"description":"Status badge - Paid","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-16.json"},{"name":"p-badge-17","title":null,"description":"Status badge - Pending","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-17.json"},{"name":"p-badge-18","title":null,"description":"Status badge - Failed","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-18.json"},{"name":"p-badge-19","title":null,"description":"Selectable badge with checkbox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-19.json"},{"name":"p-badge-20","title":null,"description":"Removable badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-badge-20.json"},{"name":"p-breadcrumb-1","title":null,"description":"Breadcrumb with menu example","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-1.json"},{"name":"p-breadcrumb-2","title":null,"description":"Breadcrumb with custom separator","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-3.json"},{"name":"p-breadcrumb-4","title":null,"description":"Breadcrumb with folders icon menu","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-4.json"},{"name":"p-breadcrumb-5","title":null,"description":"Breadcrumb with icons before text","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-5.json"},{"name":"p-breadcrumb-6","title":null,"description":"Breadcrumb with dot separators","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-6.json"},{"name":"p-breadcrumb-7","title":null,"description":"Breadcrumb with select dropdown","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-breadcrumb-7.json"},{"name":"p-button-1","title":null,"description":"Default button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-1.json"},{"name":"p-button-2","title":null,"description":"Outline button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-2.json"},{"name":"p-button-3","title":null,"description":"Secondary button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-3.json"},{"name":"p-button-4","title":null,"description":"Destructive button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-4.json"},{"name":"p-button-5","title":null,"description":"Destructive outline button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-5.json"},{"name":"p-button-6","title":null,"description":"Ghost button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-6.json"},{"name":"p-button-7","title":null,"description":"Link button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-7.json"},{"name":"p-button-8","title":null,"description":"Extra-small button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-8.json"},{"name":"p-button-9","title":null,"description":"Small button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-9.json"},{"name":"p-button-10","title":null,"description":"Large button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-10.json"},{"name":"p-button-11","title":null,"description":"Extra-large button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-11.json"},{"name":"p-button-12","title":null,"description":"Disabled button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-12.json"},{"name":"p-button-13","title":null,"description":"Icon button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-13.json"},{"name":"p-button-14","title":null,"description":"Small icon button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-14.json"},{"name":"p-button-15","title":null,"description":"Large icon button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-15.json"},{"name":"p-button-16","title":null,"description":"Button with icon","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-16.json"},{"name":"p-button-17","title":null,"description":"Link rendered as button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-19.json"},{"name":"p-button-20","title":null,"description":"Back link button with chevron","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-21.json"},{"name":"p-button-22","title":null,"description":"Directional pad control buttons","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-22.json"},{"name":"p-button-23","title":null,"description":"Outline like button with count","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-23.json"},{"name":"p-button-24","title":null,"description":"Social login icon buttons","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-24.json"},{"name":"p-button-26","title":null,"description":"Star button with count badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-27.json"},{"name":"p-button-28","title":null,"description":"Button with avatar","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-30.json"},{"name":"p-button-31","title":null,"description":"Button with keyboard shortcut indicator","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-31.json"},{"name":"p-button-32","title":null,"description":"Button with notification badge","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-32.json"},{"name":"p-button-33","title":null,"description":"Paired buttons (Cancel/Save)","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-33.json"},{"name":"p-button-34","title":null,"description":"Button with animated status dot","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-35.json"},{"name":"p-button-36","title":null,"description":"Copy button with feedback","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-button-38.json"},{"name":"p-calendar-1","title":null,"description":"Basic calendar","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-1.json"},{"name":"p-calendar-3","title":null,"description":"Calendar with date range selection","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-6.json"},{"name":"p-calendar-7","title":null,"description":"Calendar with disabled dates","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-7.json"},{"name":"p-calendar-8","title":null,"description":"Calendar with multiple date selection","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-8.json"},{"name":"p-calendar-2","title":null,"description":"Calendar with custom cell size","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-2.json"},{"name":"p-calendar-9","title":null,"description":"Calendar with rounded day buttons","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-10.json"},{"name":"p-calendar-11","title":null,"description":"Calendar with right-aligned navigation","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-11.json"},{"name":"p-calendar-12","title":null,"description":"Calendar with week numbers","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-14.json"},{"name":"p-calendar-15","title":null,"description":"Calendar with current month button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-15.json"},{"name":"p-calendar-16","title":null,"description":"Calendar with today button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-16.json"},{"name":"p-calendar-17","title":null,"description":"Calendar with date input","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-17.json"},{"name":"p-calendar-18","title":null,"description":"Calendar with time input","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-19.json"},{"name":"p-calendar-20","title":null,"description":"Calendar with date presets","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-20.json"},{"name":"p-calendar-21","title":null,"description":"Range calendar with date presets","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-21.json"},{"name":"p-calendar-22","title":null,"description":"Two months calendar","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-22.json"},{"name":"p-calendar-23","title":null,"description":"Three months calendar","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-calendar-25.json"},{"name":"p-date-picker-1","title":null,"description":"Basic date picker","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-date-picker-1.json"},{"name":"p-date-picker-2","title":null,"description":"Date range picker","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-date-picker-6.json"},{"name":"p-date-picker-7","title":null,"description":"Multiple dates picker","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-1.json"},{"name":"p-card-2","title":null,"description":"Authentication card with actions","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-2.json"},{"name":"p-card-3","title":null,"description":"Authentication card with separators","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-3.json"},{"name":"p-card-4","title":null,"description":"Framed card with footer","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-4.json"},{"name":"p-card-5","title":null,"description":"Framed card with header","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-10.json"},{"name":"p-card-11","title":null,"description":"CardFrame with header action","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-card-11.json"},{"name":"p-checkbox-1","title":null,"description":"Basic checkbox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-1.json"},{"name":"p-checkbox-2","title":null,"description":"Disabled checkbox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-2.json"},{"name":"p-checkbox-3","title":null,"description":"Checkbox with description","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-3.json"},{"name":"p-checkbox-4","title":null,"description":"Card-style checkbox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-4.json"},{"name":"p-checkbox-5","title":null,"description":"Checkbox form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-5.json"},{"name":"p-checkbox-group-1","title":null,"description":"Basic checkbox group","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-group-4.json"},{"name":"p-checkbox-group-5","title":null,"description":"Checkbox group form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-checkbox-group-5.json"},{"name":"p-collapsible-1","title":null,"description":"Basic collapsible","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-collapsible-1.json"},{"name":"p-combobox-1","title":null,"description":"Basic combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-1.json"},{"name":"p-combobox-2","title":null,"description":"Disabled combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-2.json"},{"name":"p-combobox-3","title":null,"description":"Small combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-3.json"},{"name":"p-combobox-4","title":null,"description":"Large combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-4.json"},{"name":"p-combobox-5","title":null,"description":"Combobox with label","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-6.json"},{"name":"p-combobox-7","title":null,"description":"Combobox with clear button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-7.json"},{"name":"p-combobox-8","title":null,"description":"Combobox with grouped items","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-8.json"},{"name":"p-combobox-9","title":null,"description":"Combobox with multiple selection","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-9.json"},{"name":"p-combobox-10","title":null,"description":"Combobox with input inside popup","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-10.json"},{"name":"p-combobox-11","title":null,"description":"Combobox form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-11.json"},{"name":"p-combobox-12","title":null,"description":"Combobox multiple form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-12.json"},{"name":"p-combobox-13","title":null,"description":"Combobox with start addon","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-13.json"},{"name":"p-combobox-14","title":null,"description":"Combobox multiple with start addon","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-14.json"},{"name":"p-combobox-15","title":null,"description":"Pill-shaped combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-15.json"},{"name":"p-combobox-16","title":null,"description":"Timezone combobox","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-16.json"},{"name":"p-combobox-17","title":null,"description":"Timezone combobox with search input","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-17.json"},{"name":"p-combobox-18","title":null,"description":"Combobox with select trigger","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"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","copy_url":"https://coss.com/ui/r/p-combobox-18.json"},{"name":"p-combobox-19","title":null,"description":"Combobox multiple with stacked chips","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-combobox-19.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-19.json","copy_url":"https://coss.com/ui/r/p-combobox-19.json"},{"name":"p-combobox-20","title":null,"description":"Combobox multiple with stacked divided chips","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-combobox-20.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-20.json","copy_url":"https://coss.com/ui/r/p-combobox-20.json"},{"name":"p-command-1","title":null,"description":"Command palette with dialog","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-command-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-command-1.json","copy_url":"https://coss.com/ui/r/p-command-1.json"},{"name":"p-command-2","title":null,"description":"Command palette with AI assistant","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-command-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-command-2.json","copy_url":"https://coss.com/ui/r/p-command-2.json"},{"name":"p-dialog-1","title":null,"description":"Dialog with form","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-1.json","copy_url":"https://coss.com/ui/r/p-dialog-1.json"},{"name":"p-dialog-6","title":null,"description":"Dialog with bare footer","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-6.json","copy_url":"https://coss.com/ui/r/p-dialog-6.json"},{"name":"p-dialog-2","title":null,"description":"Dialog opened from menu","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-2.json","copy_url":"https://coss.com/ui/r/p-dialog-2.json"},{"name":"p-dialog-3","title":null,"description":"Nested dialogs","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-3.json","copy_url":"https://coss.com/ui/r/p-dialog-3.json"},{"name":"p-dialog-4","title":null,"description":"Dialog with close confirmation","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-4.json","copy_url":"https://coss.com/ui/r/p-dialog-4.json"},{"name":"p-dialog-5","title":null,"description":"Dialog with long content","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-dialog-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-dialog-5.json","copy_url":"https://coss.com/ui/r/p-dialog-5.json"},{"name":"p-drawer-1","title":null,"description":"Simple bottom drawer with close button","type":"registry:block","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-drawer-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-drawer-1.json","copy_url":"https://coss.com/ui/r/p-drawer-1.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.vercel.app/registry/creative-tim","markdown":"https://sh4dcn.vercel.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":11946,"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.vercel.app/registry/cubby-ui","markdown":"https://sh4dcn.vercel.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":29,"open_issues":0,"last_commit":"2026-07-05T23:27:26Z"},"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":81,"components":[{"name":"accordion","title":"Accordion","description":"A accordion component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/accordion.json","copy_url":"https://www.cubby-ui.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"A alert component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/alert.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/alert.json","copy_url":"https://www.cubby-ui.dev/r/alert.json"},{"name":"alert-dialog","title":"Alert-dialog","description":"A alert-dialog component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/all.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/all.json","copy_url":"https://www.cubby-ui.dev/r/all.json"},{"name":"aspect-ratio","title":"Aspect-ratio","description":"A aspect-ratio component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"A autocomplete component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/autocomplete.json","copy_url":"https://www.cubby-ui.dev/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"A avatar component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/avatar.json","copy_url":"https://www.cubby-ui.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"A badge component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/badge.json","copy_url":"https://www.cubby-ui.dev/r/badge.json"},{"name":"base-drawer","title":"Base Drawer","description":"A base-drawer component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/base-drawer.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A breadcrumbs component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/breadcrumbs.json","copy_url":"https://www.cubby-ui.dev/r/breadcrumbs.json"},{"name":"button","title":"Button","description":"A simple button component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/button.json","copy_url":"https://www.cubby-ui.dev/r/button.json"},{"name":"button-group","title":"Button Group","description":"A button-group component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A calendar component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/calendar.json","copy_url":"https://www.cubby-ui.dev/r/calendar.json"},{"name":"card","title":"Card","description":"A card component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/card.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/card.json","copy_url":"https://www.cubby-ui.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/carousel.json","copy_url":"https://www.cubby-ui.dev/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"A checkbox component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/checkbox.json","copy_url":"https://www.cubby-ui.dev/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox-group","description":"A checkbox-group component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/checkbox-group.json"},{"name":"circular-slider","title":"Circular Slider","description":"A circular-slider component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/circular-slider.json"},{"name":"code-block","title":"Code-block","description":"A code-block component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"A collapsible component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/collapsible.json","copy_url":"https://www.cubby-ui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A combobox component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/combobox.json","copy_url":"https://www.cubby-ui.dev/r/combobox.json"},{"name":"command","title":"Command","description":"A command component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/command.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/command.json","copy_url":"https://www.cubby-ui.dev/r/command.json"},{"name":"context-menu","title":"Context-menu","description":"A context-menu component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/context-menu.json"},{"name":"copy-button","title":"Copy Button","description":"A copy-button component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/copy-button.json"},{"name":"cropper","title":"Cropper","description":"A cropper component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/cropper.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/cropper.json","copy_url":"https://www.cubby-ui.dev/r/cropper.json"},{"name":"data-table","title":"Data Table","description":"A data-table component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/data-table.json"},{"name":"date-picker","title":"Date-picker","description":"A date-picker component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/date-range-picker.json"},{"name":"dialog","title":"Dialog","description":"A dialog component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/dialog.json","copy_url":"https://www.cubby-ui.dev/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/drawer.json","copy_url":"https://www.cubby-ui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown-menu","description":"A dropdown-menu component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/dropdown-menu.json"},{"name":"elevated","title":"elevated","description":"A utility function for elevated.","type":"registry:lib","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/elevated.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/elevated.json","copy_url":"https://www.cubby-ui.dev/r/elevated.json"},{"name":"fancy-button","title":"Fancy Button","description":"A fancy-button component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/fancy-button.json"},{"name":"field","title":"Field","description":"A field component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/field.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/field.json","copy_url":"https://www.cubby-ui.dev/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"A fieldset component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/fieldset.json","copy_url":"https://www.cubby-ui.dev/r/fieldset.json"},{"name":"filters","title":"Filters","description":"A filter bar of segmented pills with per-field operators and value controls.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/filters.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/filters.json","copy_url":"https://www.cubby-ui.dev/r/filters.json"},{"name":"form","title":"Form","description":"A form component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/form.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/form.json","copy_url":"https://www.cubby-ui.dev/r/form.json"},{"name":"highlight-text","title":"highlightText","description":"A utility function for highlight text.","type":"registry:lib","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/highlight-text.json"},{"name":"input","title":"Input","description":"A input component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/input.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/input.json","copy_url":"https://www.cubby-ui.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"A input-group component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/input-group.json"},{"name":"input-otp","title":"Input-otp","description":"A input-otp component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/input-otp.json","copy_url":"https://www.cubby-ui.dev/r/input-otp.json"},{"name":"kbd","title":"Kbd","description":"A kbd component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/kbd.json","copy_url":"https://www.cubby-ui.dev/r/kbd.json"},{"name":"label","title":"Label","description":"A label component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/label.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/label.json","copy_url":"https://www.cubby-ui.dev/r/label.json"},{"name":"marching-border","title":"Marching Border","description":"A marching-border component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/marching-border.json"},{"name":"menubar","title":"Menubar","description":"A menubar component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/menubar.json","copy_url":"https://www.cubby-ui.dev/r/menubar.json"},{"name":"meter","title":"Meter","description":"A meter component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/meter.json","copy_url":"https://www.cubby-ui.dev/r/meter.json"},{"name":"navigation-menu","title":"Navigation-menu","description":"A navigation-menu component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"A number-field component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/number-field.json"},{"name":"otp-field","title":"Otp Field","description":"A otp-field component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/otp-field.json"},{"name":"pagination","title":"Pagination","description":"A pagination component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/pagination.json","copy_url":"https://www.cubby-ui.dev/r/pagination.json"},{"name":"popover","title":"Popover","description":"A popover component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/popover.json","copy_url":"https://www.cubby-ui.dev/r/popover.json"},{"name":"preview-card","title":"Preview-card","description":"A preview-card component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/preview-card.json"},{"name":"progress","title":"Progress","description":"A progress component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/progress.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/progress.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/qr-code.json"},{"name":"radio-group","title":"Radio-group","description":"A radio-group component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"A resizable component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/resizable.json","copy_url":"https://www.cubby-ui.dev/r/resizable.json"},{"name":"scroll-area","title":"Scroll-area","description":"A scroll-area component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/scroll-fade.json"},{"name":"select","title":"Select","description":"A select component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/select.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/select.json","copy_url":"https://www.cubby-ui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"A separator component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/separator.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/separator.json","copy_url":"https://www.cubby-ui.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A sheet component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/sheet.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/shimmer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/shimmer.json","copy_url":"https://www.cubby-ui.dev/r/shimmer.json"},{"name":"skeleton","title":"Skeleton","description":"A skeleton component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/skeleton.json","copy_url":"https://www.cubby-ui.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A slider component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/slider.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/style.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/style.json","copy_url":"https://www.cubby-ui.dev/r/style.json"},{"name":"switch","title":"Switch","description":"A switch component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/switch.json","copy_url":"https://www.cubby-ui.dev/r/switch.json"},{"name":"table","title":"Table","description":"A table component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/table.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/table.json","copy_url":"https://www.cubby-ui.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabs component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tabs.json","copy_url":"https://www.cubby-ui.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A textarea component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/textarea.json","copy_url":"https://www.cubby-ui.dev/r/textarea.json"},{"name":"timeline","title":"Timeline","description":"A timeline component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/timeline.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/timeline.json","copy_url":"https://www.cubby-ui.dev/r/timeline.json"},{"name":"toast","title":"Toast","description":"A toast component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/toast.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toast.json","copy_url":"https://www.cubby-ui.dev/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A toggle component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toggle.json","copy_url":"https://www.cubby-ui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle-group","description":"A toggle-group component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"A toolbar component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toolbar.json","copy_url":"https://www.cubby-ui.dev/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tooltip.json","copy_url":"https://www.cubby-ui.dev/r/tooltip.json"},{"name":"transition-panel","title":"Transition Panel","description":"A transition-panel component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://www.cubby-ui.dev/r/transition-panel.json"},{"name":"tree","title":"Tree","description":"A tree component.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://www.cubby-ui.dev/r/tree.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tree.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"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":["aesthetic","ai","animation","auth","blocks","buttons","design-system","developer-tools","glassmorphism","hooks","marketing","navigation","overlays","payments","pro-available"],"categories":["Animated components"],"labels":["featured","popular","pro"],"urls":{"website":"https://www.cult-ui.com","github":"https://github.com/nolly-studio/cult-ui","registry":"https://cult-ui.com/r/{name}.json","source":"https://cult-ui.com/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/cult-ui","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":true,"pro_url":"https://pro.cult-ui.com","pricing_url":"https://pro.cult-ui.com"},"metrics":{"github_stars":5776,"open_issues":16,"last_commit":"2026-05-21T19:16:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"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/{name}.json"},"component_count":0,"components":[]},{"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/registry.json","source":"https://darshitdev.in/r/registry.json","page":"https://sh4dcn.vercel.app/registry/darx","markdown":"https://sh4dcn.vercel.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":"https://darshitdev.in/public/dsmainlogo.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://darshitdev.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://darshitdev.in/r/registry.json","install_bun":"bunx shadcn@latest add https://darshitdev.in/r/registry.json","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/registry.json"},"component_count":1,"components":[{"name":"magic-genie-tabs","title":"Magic Genie Tabs","description":"macOS-style genie animation with a sleek glass pill nav bar","type":"registry:component","tags":["3d","aesthetic","animation","backgrounds","hooks","navigation"],"categories":["Niche/single-purpose"],"source_url":"https://darshitdev.in/r/magic-genie-tabs.json","install_command":"npx shadcn@latest add https://darshitdev.in/r/magic-genie-tabs.json","copy_url":"https://darshitdev.in/r/magic-genie-tabs.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.vercel.app/registry/delego","markdown":"https://sh4dcn.vercel.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":1,"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"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.vercel.app/registry/delta","markdown":"https://sh4dcn.vercel.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://deltacomponents.dev/og?title=Delta%20Components%20UI&amp;description=High-performance%20components%20registry%20built%20on%20top%20of%20shadcn%2Fui.%20From%20AI%20chat%20interfaces%20to%20interactive%20media.%20Copy%2C%20paste%2C%20and%20own%20the%20code.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":11,"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":93,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/index.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/index.json","copy_url":"https://deltacomponents.dev/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/style.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/style.json","copy_url":"https://deltacomponents.dev/r/style.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/input-otp.json","copy_url":"https://deltacomponents.dev/r/input-otp.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/navigation-menu.json","copy_url":"https://deltacomponents.dev/r/navigation-menu.json"},{"name":"code-block-icons","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-icons.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-icons.json","copy_url":"https://deltacomponents.dev/r/code-block-icons.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block.json","copy_url":"https://deltacomponents.dev/r/code-block.json"},{"name":"copy-button","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/copy-button.json","copy_url":"https://deltacomponents.dev/r/copy-button.json"},{"name":"cambio-image","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image.json","copy_url":"https://deltacomponents.dev/r/cambio-image.json"},{"name":"card-deck","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/card-deck.json","copy_url":"https://deltacomponents.dev/r/card-deck.json"},{"name":"admonition","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition.json","copy_url":"https://deltacomponents.dev/r/admonition.json"},{"name":"x-scrollable","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-scrollable.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/x-scrollable.json","copy_url":"https://deltacomponents.dev/r/x-scrollable.json"},{"name":"scroll-fade-effect","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/scroll-fade-effect.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/scroll-fade-effect.json","copy_url":"https://deltacomponents.dev/r/scroll-fade-effect.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs.json","copy_url":"https://deltacomponents.dev/r/tabs.json"},{"name":"qrcode","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/qrcode.json","copy_url":"https://deltacomponents.dev/r/qrcode.json"},{"name":"chat","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat.json","copy_url":"https://deltacomponents.dev/r/chat.json"},{"name":"mapbox-pointer","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mapbox-pointer.json","copy_url":"https://deltacomponents.dev/r/mapbox-pointer.json"},{"name":"x-card","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/x-card.json","copy_url":"https://deltacomponents.dev/r/x-card.json"},{"name":"marquee","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/marquee.json","copy_url":"https://deltacomponents.dev/r/marquee.json"},{"name":"product-card","title":null,"description":null,"type":"registry:ui","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card.json","copy_url":"https://deltacomponents.dev/r/product-card.json"},{"name":"ai-chat-sidebar","title":null,"description":"A collapsible sidebar component for AI chat applications","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/ai-chat-sidebar.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/ai-chat-sidebar.json","copy_url":"https://deltacomponents.dev/r/ai-chat-sidebar.json"},{"name":"testimonials","title":null,"description":"Customer testimonials grid","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/testimonials.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/testimonials.json","copy_url":"https://deltacomponents.dev/r/testimonials.json"},{"name":"interactive-feature-showcase","title":null,"description":"InteractiveFeatureShowcase block","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/interactive-feature-showcase.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/interactive-feature-showcase.json","copy_url":"https://deltacomponents.dev/r/interactive-feature-showcase.json"},{"name":"chatbot-window","title":null,"description":"Resizable AI chatbot interface with collapsible sidebar","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chatbot-window.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chatbot-window.json","copy_url":"https://deltacomponents.dev/r/chatbot-window.json"},{"name":"bottom-mobile-nav","title":null,"description":"BottomMobileNav block","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/bottom-mobile-nav.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/bottom-mobile-nav.json","copy_url":"https://deltacomponents.dev/r/bottom-mobile-nav.json"},{"name":"mapbox-grid-block","title":null,"description":"Three-column grid showcasing global locations with Mapbox maps","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-grid-block.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mapbox-grid-block.json","copy_url":"https://deltacomponents.dev/r/mapbox-grid-block.json"},{"name":"admin-inset-layout","title":null,"description":"Admin dashboard layout with inset sidebar","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admin-inset-layout.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admin-inset-layout.json","copy_url":"https://deltacomponents.dev/r/admin-inset-layout.json"},{"name":"saas-header-layout","title":null,"description":"SaaS header layout with navigation menu","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/saas-header-layout.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/saas-header-layout.json","copy_url":"https://deltacomponents.dev/r/saas-header-layout.json"},{"name":"saas-dashboard","title":null,"description":"SaaS dashboard with inset sidebar and navigation","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/saas-dashboard.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/saas-dashboard.json","copy_url":"https://deltacomponents.dev/r/saas-dashboard.json"},{"name":"auth-form","title":null,"description":"Authentication form with SSO, email, passkey, and SAML options","type":"registry:block","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/auth-form.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/auth-form.json","copy_url":"https://deltacomponents.dev/r/auth-form.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/use-mobile.json","copy_url":"https://deltacomponents.dev/r/use-mobile.json"},{"name":"input-otp-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/input-otp-demo.json","copy_url":"https://deltacomponents.dev/r/input-otp-demo.json"},{"name":"input-otp-pill-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-pill-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/input-otp-pill-demo.json","copy_url":"https://deltacomponents.dev/r/input-otp-pill-demo.json"},{"name":"input-otp-separator-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-separator-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/input-otp-separator-demo.json","copy_url":"https://deltacomponents.dev/r/input-otp-separator-demo.json"},{"name":"input-otp-form-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-form-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/input-otp-form-demo.json","copy_url":"https://deltacomponents.dev/r/input-otp-form-demo.json"},{"name":"product-card-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card-demo.json","copy_url":"https://deltacomponents.dev/r/product-card-demo.json"},{"name":"product-card-inner-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-inner-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card-inner-demo.json","copy_url":"https://deltacomponents.dev/r/product-card-inner-demo.json"},{"name":"product-card-custom-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-custom-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card-custom-demo.json","copy_url":"https://deltacomponents.dev/r/product-card-custom-demo.json"},{"name":"product-card-size-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-size-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card-size-demo.json","copy_url":"https://deltacomponents.dev/r/product-card-size-demo.json"},{"name":"product-card-grid-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-grid-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card-grid-demo.json","copy_url":"https://deltacomponents.dev/r/product-card-grid-demo.json"},{"name":"navigation-menu-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/navigation-menu-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/navigation-menu-demo.json","copy_url":"https://deltacomponents.dev/r/navigation-menu-demo.json"},{"name":"x-card-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/x-card-demo.json","copy_url":"https://deltacomponents.dev/r/x-card-demo.json"},{"name":"x-card-basic-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-basic-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/x-card-basic-demo.json","copy_url":"https://deltacomponents.dev/r/x-card-basic-demo.json"},{"name":"x-card-interactive-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-interactive-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/x-card-interactive-demo.json","copy_url":"https://deltacomponents.dev/r/x-card-interactive-demo.json"},{"name":"marquee-stacked-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-stacked-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/marquee-stacked-demo.json","copy_url":"https://deltacomponents.dev/r/marquee-stacked-demo.json"},{"name":"marquee-cards-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-cards-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/marquee-cards-demo.json","copy_url":"https://deltacomponents.dev/r/marquee-cards-demo.json"},{"name":"marquee-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/marquee-demo.json","copy_url":"https://deltacomponents.dev/r/marquee-demo.json"},{"name":"mapbox-pointer-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mapbox-pointer-demo.json","copy_url":"https://deltacomponents.dev/r/mapbox-pointer-demo.json"},{"name":"mapbox-pointer-style-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-style-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mapbox-pointer-style-demo.json","copy_url":"https://deltacomponents.dev/r/mapbox-pointer-style-demo.json"},{"name":"mapbox-pointer-theme-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-theme-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mapbox-pointer-theme-demo.json","copy_url":"https://deltacomponents.dev/r/mapbox-pointer-theme-demo.json"},{"name":"chat-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat-demo.json","copy_url":"https://deltacomponents.dev/r/chat-demo.json"},{"name":"chat-previous-messages-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-previous-messages-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat-previous-messages-demo.json","copy_url":"https://deltacomponents.dev/r/chat-previous-messages-demo.json"},{"name":"chat-simple-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-simple-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat-simple-demo.json","copy_url":"https://deltacomponents.dev/r/chat-simple-demo.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-demo.json"},{"name":"code-block-package-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-package-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-package-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-package-demo.json"},{"name":"code-block-theme-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-theme-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-theme-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-theme-demo.json"},{"name":"code-block-interactive-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-interactive-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-interactive-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-interactive-demo.json"},{"name":"code-block-markdown-string-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-markdown-string-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-markdown-string-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-markdown-string-demo.json"},{"name":"code-block-npx-markdown-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-npx-markdown-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-npx-markdown-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-npx-markdown-demo.json"},{"name":"code-block-package-manager-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-package-manager-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-package-manager-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-package-manager-demo.json"},{"name":"code-block-python-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-python-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-python-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-python-demo.json"},{"name":"code-block-json-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-json-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-json-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-json-demo.json"},{"name":"code-block-expand-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-expand-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code-block-expand-demo.json","copy_url":"https://deltacomponents.dev/r/code-block-expand-demo.json"},{"name":"cambio-image-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-demo.json"},{"name":"cambio-image-grid-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-grid-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-grid-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-grid-demo.json"},{"name":"cambio-image-dismiss-on-scroll-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-dismiss-on-scroll-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-dismiss-on-scroll-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-dismiss-on-scroll-demo.json"},{"name":"cambio-image-motion-preset-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-motion-preset-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-motion-preset-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-motion-preset-demo.json"},{"name":"cambio-image-icons-expand-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-icons-expand-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-icons-expand-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-icons-expand-demo.json"},{"name":"cambio-image-close-button-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image-close-button-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/cambio-image-close-button-demo.json","copy_url":"https://deltacomponents.dev/r/cambio-image-close-button-demo.json"},{"name":"qrcode-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/qrcode-demo.json","copy_url":"https://deltacomponents.dev/r/qrcode-demo.json"},{"name":"qrcode-purple-dots-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode-purple-dots-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/qrcode-purple-dots-demo.json","copy_url":"https://deltacomponents.dev/r/qrcode-purple-dots-demo.json"},{"name":"qrcode-demo-interactive","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode-demo-interactive.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/qrcode-demo-interactive.json","copy_url":"https://deltacomponents.dev/r/qrcode-demo-interactive.json"},{"name":"qrcode-logo-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode-logo-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/qrcode-logo-demo.json","copy_url":"https://deltacomponents.dev/r/qrcode-logo-demo.json"},{"name":"card-deck-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/card-deck-demo.json","copy_url":"https://deltacomponents.dev/r/card-deck-demo.json"},{"name":"card-deck-demo-interactive","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck-demo-interactive.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/card-deck-demo-interactive.json","copy_url":"https://deltacomponents.dev/r/card-deck-demo-interactive.json"},{"name":"admonition-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-demo.json","copy_url":"https://deltacomponents.dev/r/admonition-demo.json"},{"name":"admonition-demo-interactive","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-demo-interactive.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-demo-interactive.json","copy_url":"https://deltacomponents.dev/r/admonition-demo-interactive.json"},{"name":"admonition-custom-icon-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-custom-icon-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-custom-icon-demo.json","copy_url":"https://deltacomponents.dev/r/admonition-custom-icon-demo.json"},{"name":"admonition-dismissible-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-dismissible-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-dismissible-demo.json","copy_url":"https://deltacomponents.dev/r/admonition-dismissible-demo.json"},{"name":"admonition-actions-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-actions-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-actions-demo.json","copy_url":"https://deltacomponents.dev/r/admonition-actions-demo.json"},{"name":"admonition-collapsible-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition-collapsible-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/admonition-collapsible-demo.json","copy_url":"https://deltacomponents.dev/r/admonition-collapsible-demo.json"},{"name":"tabs-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-demo.json"},{"name":"tabs-background-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-background-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-background-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-background-demo.json"},{"name":"tabs-no-background-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-no-background-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-no-background-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-no-background-demo.json"},{"name":"tabs-sizes-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-sizes-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-sizes-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-sizes-demo.json"},{"name":"tabs-with-icons-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-with-icons-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-with-icons-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-with-icons-demo.json"},{"name":"tabs-entrance-animation-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-entrance-animation-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-entrance-animation-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-entrance-animation-demo.json"},{"name":"tabs-in-scroll-area-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs-in-scroll-area-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs-in-scroll-area-demo.json","copy_url":"https://deltacomponents.dev/r/tabs-in-scroll-area-demo.json"},{"name":"card-deck-yugioh-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck-yugioh-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/card-deck-yugioh-demo.json","copy_url":"https://deltacomponents.dev/r/card-deck-yugioh-demo.json"},{"name":"card-deck-balatro-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck-balatro-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/card-deck-balatro-demo.json","copy_url":"https://deltacomponents.dev/r/card-deck-balatro-demo.json"},{"name":"chat-shimmer-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-shimmer-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat-shimmer-demo.json","copy_url":"https://deltacomponents.dev/r/chat-shimmer-demo.json"},{"name":"chat-reasoning-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-reasoning-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/chat-reasoning-demo.json","copy_url":"https://deltacomponents.dev/r/chat-reasoning-demo.json"},{"name":"scroll-fade-effect-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/scroll-fade-effect-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/scroll-fade-effect-demo.json","copy_url":"https://deltacomponents.dev/r/scroll-fade-effect-demo.json"},{"name":"scroll-fade-effect-slider-demo","title":null,"description":null,"type":"registry:example","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","theming"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/scroll-fade-effect-slider-demo.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/scroll-fade-effect-slider-demo.json","copy_url":"https://deltacomponents.dev/r/scroll-fade-effect-slider-demo.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":null,"tags":["components","design-system","hooks","mobile","pro-available"],"categories":["Personal/portfolio registry"],"labels":["pro"],"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.vercel.app/registry/devl","markdown":"https://sh4dcn.vercel.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/c/cards/pricing"},"metrics":{"github_stars":188,"open_issues":0,"last_commit":"2026-04-27T19:21:46Z"},"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":"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/registry.json","source":"https://diceui.com/r/registry/registry.json","page":"https://sh4dcn.vercel.app/registry/diceui","markdown":"https://sh4dcn.vercel.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":"https://diceui.com/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2026,"open_issues":67,"last_commit":"2026-06-29T08:28:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://diceui.com/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://diceui.com/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://diceui.com/r/registry/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/registry.json"},"component_count":242,"components":[{"name":"action-bar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/action-bar.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/action-bar.json","copy_url":"https://diceui.com/r/{style}/action-bar.json"},{"name":"angle-slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider.json","copy_url":"https://diceui.com/r/{style}/angle-slider.json"},{"name":"avatar-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group.json","copy_url":"https://diceui.com/r/{style}/avatar-group.json"},{"name":"badge-overflow","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/badge-overflow.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/badge-overflow.json","copy_url":"https://diceui.com/r/{style}/badge-overflow.json"},{"name":"banner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/banner.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/banner.json","copy_url":"https://diceui.com/r/{style}/banner.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/checkbox-group.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group.json","copy_url":"https://diceui.com/r/{style}/checkbox-group.json"},{"name":"circular-progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/circular-progress.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/circular-progress.json","copy_url":"https://diceui.com/r/{style}/circular-progress.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/color-picker.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker.json","copy_url":"https://diceui.com/r/{style}/color-picker.json"},{"name":"color-swatch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/color-swatch.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-swatch.json","copy_url":"https://diceui.com/r/{style}/color-swatch.json"},{"name":"compare-slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/compare-slider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider.json","copy_url":"https://diceui.com/r/{style}/compare-slider.json"},{"name":"cropper","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/cropper.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper.json","copy_url":"https://diceui.com/r/{style}/cropper.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/combobox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox.json","copy_url":"https://diceui.com/r/{style}/combobox.json"},{"name":"editable","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/editable.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable.json","copy_url":"https://diceui.com/r/{style}/editable.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/file-upload.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload.json","copy_url":"https://diceui.com/r/{style}/file-upload.json"},{"name":"fps","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/fps.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/fps.json","copy_url":"https://diceui.com/r/{style}/fps.json"},{"name":"gauge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/gauge.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge.json","copy_url":"https://diceui.com/r/{style}/gauge.json"},{"name":"kanban","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/kanban.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/kanban.json","copy_url":"https://diceui.com/r/{style}/kanban.json"},{"name":"key-value","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/key-value.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value.json","copy_url":"https://diceui.com/r/{style}/key-value.json"},{"name":"listbox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/listbox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox.json","copy_url":"https://diceui.com/r/{style}/listbox.json"},{"name":"marquee","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/marquee.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee.json","copy_url":"https://diceui.com/r/{style}/marquee.json"},{"name":"mask-input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/mask-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input.json","copy_url":"https://diceui.com/r/{style}/mask-input.json"},{"name":"masonry","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/masonry.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry.json","copy_url":"https://diceui.com/r/{style}/masonry.json"},{"name":"media-player","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/media-player.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player.json","copy_url":"https://diceui.com/r/{style}/media-player.json"},{"name":"mention","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/mention.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention.json","copy_url":"https://diceui.com/r/{style}/mention.json"},{"name":"phone-input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/phone-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/phone-input.json","copy_url":"https://diceui.com/r/{style}/phone-input.json"},{"name":"relative-time-card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/relative-time-card.json"},{"name":"responsive-dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/responsive-dialog.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/responsive-dialog.json","copy_url":"https://diceui.com/r/{style}/responsive-dialog.json"},{"name":"scroller","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/scroller.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller.json","copy_url":"https://diceui.com/r/{style}/scroller.json"},{"name":"scroll-spy","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/scroll-spy.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroll-spy.json","copy_url":"https://diceui.com/r/{style}/scroll-spy.json"},{"name":"segmented-input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/segmented-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input.json","copy_url":"https://diceui.com/r/{style}/segmented-input.json"},{"name":"selection-toolbar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/selection-toolbar.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/selection-toolbar.json","copy_url":"https://diceui.com/r/{style}/selection-toolbar.json"},{"name":"sortable","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/sortable.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable.json","copy_url":"https://diceui.com/r/{style}/sortable.json"},{"name":"speed-dial","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/speed-dial.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial.json","copy_url":"https://diceui.com/r/{style}/speed-dial.json"},{"name":"stack","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stack.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack.json","copy_url":"https://diceui.com/r/{style}/stack.json"},{"name":"stat","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stat.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat.json","copy_url":"https://diceui.com/r/{style}/stat.json"},{"name":"status","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/status.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status.json","copy_url":"https://diceui.com/r/{style}/status.json"},{"name":"stepper","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stepper.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper.json","copy_url":"https://diceui.com/r/{style}/stepper.json"},{"name":"swap","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/swap.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/swap.json","copy_url":"https://diceui.com/r/{style}/swap.json"},{"name":"qr-code","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/qr-code.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code.json","copy_url":"https://diceui.com/r/{style}/qr-code.json"},{"name":"rating","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/rating.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating.json","copy_url":"https://diceui.com/r/{style}/rating.json"},{"name":"tags-input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/tags-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input.json","copy_url":"https://diceui.com/r/{style}/tags-input.json"},{"name":"timeline","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/timeline.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline.json","copy_url":"https://diceui.com/r/{style}/timeline.json"},{"name":"time-picker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/time-picker.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker.json","copy_url":"https://diceui.com/r/{style}/time-picker.json"},{"name":"tour","title":null,"description":null,"type":"registry:ui","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/tour.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tour.json","copy_url":"https://diceui.com/r/{style}/tour.json"},{"name":"action-bar-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/action-bar-demo.json"},{"name":"action-bar-position-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/action-bar-position-demo.json"},{"name":"angle-slider-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/angle-slider-demo.json"},{"name":"angle-slider-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/angle-slider-controlled-demo.json"},{"name":"angle-slider-range-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/angle-slider-range-demo.json"},{"name":"angle-slider-themes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/angle-slider-themes-demo.json"},{"name":"angle-slider-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/angle-slider-form-demo.json"},{"name":"avatar-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/avatar-group-demo.json"},{"name":"avatar-group-truncation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/avatar-group-truncation-demo.json"},{"name":"avatar-group-rtl-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/avatar-group-rtl-demo.json"},{"name":"avatar-group-icons-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/avatar-group-icons-demo.json"},{"name":"avatar-group-custom-overflow-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/avatar-group-custom-overflow-demo.json"},{"name":"badge-overflow-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/badge-overflow-demo.json"},{"name":"badge-overflow-multiline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/badge-overflow-multiline-demo.json"},{"name":"badge-overflow-interactive-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/badge-overflow-interactive-demo.json"},{"name":"banner-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/banner-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/banner-demo.json","copy_url":"https://diceui.com/r/{style}/banner-demo.json"},{"name":"banner-stacked-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/banner-stacked-demo.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/checkbox-group-demo.json"},{"name":"checkbox-group-animated-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/checkbox-group-animated-demo.json"},{"name":"checkbox-group-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/checkbox-group-horizontal-demo.json"},{"name":"checkbox-group-multi-selection-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/checkbox-group-multi-selection-demo.json"},{"name":"checkbox-group-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/checkbox-group-validation-demo.json"},{"name":"circular-progress-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/circular-progress-demo.json"},{"name":"circular-progress-interactive-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/circular-progress-interactive-demo.json"},{"name":"circular-progress-colors-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/circular-progress-colors-demo.json"},{"name":"color-picker-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-picker-demo.json"},{"name":"color-picker-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-picker-controlled-demo.json"},{"name":"color-picker-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-picker-form-demo.json"},{"name":"color-picker-inline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-picker-inline-demo.json"},{"name":"color-swatch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-swatch-demo.json"},{"name":"color-swatch-sizes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-swatch-sizes-demo.json"},{"name":"color-swatch-transparency-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/color-swatch-transparency-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/combobox-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-demo.json","copy_url":"https://diceui.com/r/{style}/combobox-demo.json"},{"name":"combobox-custom-filter-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-custom-filter-demo.json"},{"name":"combobox-debounced-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-debounced-demo.json"},{"name":"combobox-groups-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-groups-demo.json"},{"name":"combobox-multiple-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-multiple-demo.json"},{"name":"combobox-tags-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-tags-demo.json"},{"name":"combobox-virtualized-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/combobox-virtualized-demo.json"},{"name":"compare-slider-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/compare-slider-demo.json"},{"name":"compare-slider-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/compare-slider-controlled-demo.json"},{"name":"compare-slider-customization-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/compare-slider-customization-demo.json"},{"name":"compare-slider-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/compare-slider-vertical-demo.json"},{"name":"cropper-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/cropper-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-demo.json","copy_url":"https://diceui.com/r/{style}/cropper-demo.json"},{"name":"cropper-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/cropper-controlled-demo.json"},{"name":"cropper-file-upload-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/cropper-file-upload-demo.json"},{"name":"cropper-shapes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/cropper-shapes-demo.json"},{"name":"cropper-video-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/cropper-video-demo.json"},{"name":"data-grid-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/data-grid-demo.json"},{"name":"data-table-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/data-table-demo.json"},{"name":"editable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/editable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-demo.json","copy_url":"https://diceui.com/r/{style}/editable-demo.json"},{"name":"editable-autosize-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/editable-autosize-demo.json"},{"name":"editable-double-click-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/editable-double-click-demo.json"},{"name":"editable-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/editable-form-demo.json"},{"name":"editable-todo-list-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/editable-todo-list-demo.json"},{"name":"file-upload-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-demo.json"},{"name":"file-upload-chat-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-chat-input-demo.json"},{"name":"file-upload-circular-progress-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-circular-progress-demo.json"},{"name":"file-upload-direct-upload-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-direct-upload-demo.json"},{"name":"file-upload-fill-progress-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-fill-progress-demo.json"},{"name":"file-upload-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-form-demo.json"},{"name":"file-upload-uploadthing-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-uploadthing-demo.json"},{"name":"file-upload-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/file-upload-validation-demo.json"},{"name":"fps-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/fps-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/fps-demo.json","copy_url":"https://diceui.com/r/{style}/fps-demo.json"},{"name":"fps-strategy-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/fps-strategy-demo.json"},{"name":"gauge-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/gauge-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge-demo.json","copy_url":"https://diceui.com/r/{style}/gauge-demo.json"},{"name":"gauge-sizes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/gauge-sizes-demo.json"},{"name":"gauge-colors-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/gauge-colors-demo.json"},{"name":"gauge-variants-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/gauge-variants-demo.json"},{"name":"hitbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/hitbox-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-demo.json","copy_url":"https://diceui.com/r/{style}/hitbox-demo.json"},{"name":"hitbox-sizes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/hitbox-sizes-demo.json"},{"name":"hitbox-positions-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/hitbox-positions-demo.json"},{"name":"hitbox-radii-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/hitbox-radii-demo.json"},{"name":"hitbox-debug-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/hitbox-debug-demo.json"},{"name":"segmented-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/segmented-input-demo.json"},{"name":"selection-toolbar-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/selection-toolbar-demo.json"},{"name":"selection-toolbar-info-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/selection-toolbar-info-demo.json"},{"name":"segmented-input-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/segmented-input-form-demo.json"},{"name":"segmented-input-rgb-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/segmented-input-rgb-demo.json"},{"name":"segmented-input-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/segmented-input-vertical-demo.json"},{"name":"marquee-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/marquee-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee-demo.json","copy_url":"https://diceui.com/r/{style}/marquee-demo.json"},{"name":"marquee-logo-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/marquee-logo-demo.json"},{"name":"marquee-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/marquee-vertical-demo.json"},{"name":"marquee-rtl-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/marquee-rtl-demo.json"},{"name":"mask-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mask-input-demo.json"},{"name":"mask-input-custom-pattern-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mask-input-custom-pattern-demo.json"},{"name":"mask-input-validation-modes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mask-input-validation-modes-demo.json"},{"name":"mask-input-card-information-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mask-input-card-information-demo.json"},{"name":"mask-input-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mask-input-form-demo.json"},{"name":"kanban-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/kanban-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/kanban-demo.json","copy_url":"https://diceui.com/r/{style}/kanban-demo.json"},{"name":"kanban-dynamic-overlay-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/kanban-dynamic-overlay-demo.json"},{"name":"key-value-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/key-value-demo.json"},{"name":"key-value-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/key-value-form-demo.json"},{"name":"key-value-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/key-value-validation-demo.json"},{"name":"key-value-paste-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/key-value-paste-demo.json"},{"name":"listbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/listbox-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox-demo.json","copy_url":"https://diceui.com/r/{style}/listbox-demo.json"},{"name":"listbox-grid-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/listbox-grid-demo.json"},{"name":"listbox-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/listbox-group-demo.json"},{"name":"listbox-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/listbox-horizontal-demo.json"},{"name":"masonry-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/masonry-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry-demo.json","copy_url":"https://diceui.com/r/{style}/masonry-demo.json"},{"name":"masonry-linear-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/masonry-linear-demo.json"},{"name":"masonry-ssr-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/masonry-ssr-demo.json"},{"name":"media-player-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-demo.json"},{"name":"media-player-audio-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-audio-demo.json"},{"name":"media-player-error-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-error-demo.json"},{"name":"media-player-hls-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-hls-demo.json"},{"name":"media-player-playlist-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-playlist-demo.json"},{"name":"media-player-settings-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/media-player-settings-demo.json"},{"name":"mention-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/mention-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention-demo.json","copy_url":"https://diceui.com/r/{style}/mention-demo.json"},{"name":"mention-custom-filter-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mention-custom-filter-demo.json"},{"name":"mention-custom-trigger-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/mention-custom-trigger-demo.json"},{"name":"phone-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/phone-input-demo.json"},{"name":"phone-input-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/phone-input-form-demo.json"},{"name":"phone-input-custom-countries-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/phone-input-custom-countries-demo.json"},{"name":"qr-code-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/qr-code-demo.json"},{"name":"qr-code-customization-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/qr-code-customization-demo.json"},{"name":"qr-code-formats-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/qr-code-formats-demo.json"},{"name":"qr-code-overlay-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/qr-code-overlay-demo.json"},{"name":"rating-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/rating-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating-demo.json","copy_url":"https://diceui.com/r/{style}/rating-demo.json"},{"name":"rating-themes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/rating-themes-demo.json"},{"name":"rating-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/rating-controlled-demo.json"},{"name":"rating-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/rating-form-demo.json"},{"name":"relative-time-card-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/relative-time-card-demo.json"},{"name":"relative-time-card-timezones-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/relative-time-card-timezones-demo.json"},{"name":"relative-time-card-variants-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/relative-time-card-variants-demo.json"},{"name":"responsive-dialog-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/responsive-dialog-demo.json"},{"name":"responsive-dialog-confirm-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/responsive-dialog-confirm-demo.json"},{"name":"scroller-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/scroller-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller-demo.json","copy_url":"https://diceui.com/r/{style}/scroller-demo.json"},{"name":"scroller-hidden-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroller-hidden-demo.json"},{"name":"scroller-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroller-horizontal-demo.json"},{"name":"scroller-navigation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroller-navigation-demo.json"},{"name":"scroll-spy-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroll-spy-demo.json"},{"name":"scroll-spy-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroll-spy-controlled-demo.json"},{"name":"scroll-spy-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/scroll-spy-vertical-demo.json"},{"name":"sortable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/sortable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable-demo.json","copy_url":"https://diceui.com/r/{style}/sortable-demo.json"},{"name":"sortable-dynamic-overlay-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/sortable-dynamic-overlay-demo.json"},{"name":"sortable-handle-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/sortable-handle-demo.json"},{"name":"sortable-primitive-values-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/sortable-primitive-values-demo.json"},{"name":"speed-dial-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/speed-dial-demo.json"},{"name":"speed-dial-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/speed-dial-controlled-demo.json"},{"name":"speed-dial-side-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/speed-dial-side-demo.json"},{"name":"speed-dial-labels-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/speed-dial-labels-demo.json"},{"name":"speed-dial-hover-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/speed-dial-hover-demo.json"},{"name":"stack-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stack-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack-demo.json","copy_url":"https://diceui.com/r/{style}/stack-demo.json"},{"name":"stack-no-expand-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stack-no-expand-demo.json"},{"name":"stack-side-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stack-side-demo.json"},{"name":"stat-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stat-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat-demo.json","copy_url":"https://diceui.com/r/{style}/stat-demo.json"},{"name":"stat-variants-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stat-variants-demo.json"},{"name":"stat-layout-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stat-layout-demo.json"},{"name":"pending-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/pending-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-demo.json","copy_url":"https://diceui.com/r/{style}/pending-demo.json"},{"name":"pending-wrapper-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/pending-wrapper-demo.json"},{"name":"pending-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/pending-form-demo.json"},{"name":"pending-link-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/pending-link-demo.json"},{"name":"pending-switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/pending-switch-demo.json"},{"name":"status-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/status-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status-demo.json","copy_url":"https://diceui.com/r/{style}/status-demo.json"},{"name":"status-variants-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/status-variants-demo.json"},{"name":"status-text-only-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/status-text-only-demo.json"},{"name":"status-list-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/status-list-demo.json"},{"name":"stepper-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stepper-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper-demo.json","copy_url":"https://diceui.com/r/{style}/stepper-demo.json"},{"name":"swap-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/swap-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/swap-demo.json","copy_url":"https://diceui.com/r/{style}/swap-demo.json"},{"name":"swap-animations-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/swap-animations-demo.json"},{"name":"stepper-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stepper-form-demo.json"},{"name":"stepper-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stepper-validation-demo.json"},{"name":"stepper-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/stepper-vertical-demo.json"},{"name":"tags-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/tags-input-demo.json"},{"name":"tags-input-editable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/tags-input-editable-demo.json"},{"name":"tags-input-sortable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/tags-input-sortable-demo.json"},{"name":"tags-input-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/tags-input-validation-demo.json"},{"name":"time-picker-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-demo.json"},{"name":"time-picker-step-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-step-demo.json"},{"name":"time-picker-seconds-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-seconds-demo.json"},{"name":"time-picker-placeholder-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-placeholder-demo.json"},{"name":"time-picker-open-on-focus-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-open-on-focus-demo.json"},{"name":"time-picker-input-group-click-action-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-input-group-click-action-demo.json"},{"name":"time-picker-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-controlled-demo.json"},{"name":"time-picker-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/time-picker-form-demo.json"},{"name":"timeline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/timeline-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-demo.json","copy_url":"https://diceui.com/r/{style}/timeline-demo.json"},{"name":"timeline-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/timeline-horizontal-demo.json"},{"name":"timeline-rtl-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/timeline-rtl-demo.json"},{"name":"timeline-alternate-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/timeline-alternate-demo.json"},{"name":"timeline-horizontal-alternate-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/timeline-horizontal-alternate-demo.json"},{"name":"timeline-custom-dot-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/timeline-custom-dot-demo.json"},{"name":"tour-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/tour-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tour-demo.json","copy_url":"https://diceui.com/r/{style}/tour-demo.json"},{"name":"tour-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://diceui.com/r/{style}/tour-controlled-demo.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/utils.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/utils.json","copy_url":"https://diceui.com/r/{style}/utils.json"},{"name":"compose-refs","title":null,"description":null,"type":"registry:lib","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/compose-refs.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compose-refs.json","copy_url":"https://diceui.com/r/{style}/compose-refs.json"},{"name":"client-only","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/client-only.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/client-only.json","copy_url":"https://diceui.com/r/{style}/client-only.json"},{"name":"direction-provider","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/direction-provider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/direction-provider.json","copy_url":"https://diceui.com/r/{style}/direction-provider.json"},{"name":"hitbox","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/hitbox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox.json","copy_url":"https://diceui.com/r/{style}/hitbox.json"},{"name":"portal","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/portal.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/portal.json","copy_url":"https://diceui.com/r/{style}/portal.json"},{"name":"pending","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/pending.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending.json","copy_url":"https://diceui.com/r/{style}/pending.json"},{"name":"presence","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/presence.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/presence.json","copy_url":"https://diceui.com/r/{style}/presence.json"},{"name":"visually-hidden","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/visually-hidden.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/visually-hidden.json","copy_url":"https://diceui.com/r/{style}/visually-hidden.json"},{"name":"visually-hidden-input","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/visually-hidden-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/visually-hidden-input.json","copy_url":"https://diceui.com/r/{style}/visually-hidden-input.json"},{"name":"use-as-ref","title":null,"description":null,"type":"registry:hook","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/use-as-ref.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/use-as-ref.json","copy_url":"https://diceui.com/r/{style}/use-as-ref.json"},{"name":"use-isomorphic-layout-effect","title":null,"description":null,"type":"registry:hook","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/use-isomorphic-layout-effect.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/use-isomorphic-layout-effect.json","copy_url":"https://diceui.com/r/{style}/use-isomorphic-layout-effect.json"},{"name":"use-lazy-ref","title":null,"description":null,"type":"registry:hook","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/use-lazy-ref.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/use-lazy-ref.json","copy_url":"https://diceui.com/r/{style}/use-lazy-ref.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/use-mobile.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/use-mobile.json","copy_url":"https://diceui.com/r/{style}/use-mobile.json"}]},{"id":"dkmediaviewer","name":"@dkmediaviewer","slug":"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.","author":"diklein","framework":"react","license":"MIT","tags":["cards","forms","media"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://diklein.com/dkmediaviewer","github":"https://github.com/diklein/dkmediaviewer","registry":"https://diklein.com/r/registry.json","source":"https://diklein.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/dkmediaviewer","markdown":"https://sh4dcn.vercel.app/md/dkmediaviewer.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=DKMediaViewer&amp;type=page&amp;path=%2Fdkmediaviewer","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-07-24T15:54:30Z"},"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/dkmediaviewer.git","clone_degit":"npx degit diklein/dkmediaviewer","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","tags":["cards","forms","media"],"categories":["Forms"],"source_url":"https://diklein.com/r/dk-product-card.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-product-card.json","copy_url":"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","tags":["cards","forms","media"],"categories":["Forms"],"source_url":"https://diklein.com/r/dk-media-viewer.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-media-viewer.json","copy_url":"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","tags":["cards","forms","media"],"categories":["Forms"],"source_url":"https://diklein.com/r/dk-bezeler.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-bezeler.json","copy_url":"https://diklein.com/r/dk-bezeler.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.vercel.app/registry/dominik-ui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","aesthetic","ai","animation","forms","loaders","marketing","navigation","saas","text-effects","theming"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/expandable-tabs.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","forms","loaders","marketing","navigation","saas","text-effects","theming"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/command-tabs.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/command-tabs.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","forms","loaders","marketing","navigation","saas","text-effects","theming"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/permission-selector.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/permission-selector.json","copy_url":"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","tags":["accessibility","aesthetic","ai","animation","forms","loaders","marketing","navigation","saas","text-effects","theming"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/braille-loader.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/braille-loader.json","copy_url":"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.vercel.app/registry/doras-ui","markdown":"https://sh4dcn.vercel.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":3,"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":["recently-updated"],"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.vercel.app/registry/dotmatrix","markdown":"https://sh4dcn.vercel.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":485,"open_issues":2,"last_commit":"2026-07-03T09:54:46Z"},"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/all.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/all.json","copy_url":"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.vercel.app/registry/dsikeres1","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","components","hooks","navigation","theming"],"categories":["Forms"],"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","copy_url":"https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.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.vercel.app/registry/efferd","markdown":"https://sh4dcn.vercel.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":141,"open_issues":3,"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":201,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/index.json","install_command":"npx shadcn@latest add https://efferd.com/r/index.json","copy_url":"https://efferd.com/r/index.json"},{"name":"logo","title":null,"description":"Efferd logo component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo.json","copy_url":"https://efferd.com/r/logo.json"},{"name":"copy-button","title":null,"description":"Copy button component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/copy-button.json","install_command":"npx shadcn@latest add https://efferd.com/r/copy-button.json","copy_url":"https://efferd.com/r/copy-button.json"},{"name":"full-width-divider","title":null,"description":"Full-width divider component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/full-width-divider.json","install_command":"npx shadcn@latest add https://efferd.com/r/full-width-divider.json","copy_url":"https://efferd.com/r/full-width-divider.json"},{"name":"decor-icon","title":null,"description":"Decor icon component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/decor-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/decor-icon.json","copy_url":"https://efferd.com/r/decor-icon.json"},{"name":"grid-filler","title":null,"description":"Grid filler component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/grid-filler.json","install_command":"npx shadcn@latest add https://efferd.com/r/grid-filler.json","copy_url":"https://efferd.com/r/grid-filler.json"},{"name":"indicator","title":null,"description":"Indicator component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/indicator.json","install_command":"npx shadcn@latest add https://efferd.com/r/indicator.json","copy_url":"https://efferd.com/r/indicator.json"},{"name":"lazy-image","title":null,"description":"Lazy image component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/lazy-image.json","install_command":"npx shadcn@latest add https://efferd.com/r/lazy-image.json","copy_url":"https://efferd.com/r/lazy-image.json"},{"name":"outline-text","title":null,"description":"Outline text component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/outline-text.json","install_command":"npx shadcn@latest add https://efferd.com/r/outline-text.json","copy_url":"https://efferd.com/r/outline-text.json"},{"name":"portal","title":null,"description":"react portal component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/portal.json","install_command":"npx shadcn@latest add https://efferd.com/r/portal.json","copy_url":"https://efferd.com/r/portal.json"},{"name":"auth-divider","title":null,"description":"Auth divider component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-divider.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-divider.json","copy_url":"https://efferd.com/r/auth-divider.json"},{"name":"infinite-slider","title":null,"description":"Infinite slider component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/infinite-slider.json","install_command":"npx shadcn@latest add https://efferd.com/r/infinite-slider.json","copy_url":"https://efferd.com/r/infinite-slider.json"},{"name":"progressive-blur","title":null,"description":"Progressive blur component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://efferd.com/r/progressive-blur.json","copy_url":"https://efferd.com/r/progressive-blur.json"},{"name":"text-effect","title":null,"description":"Text effect component.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/text-effect.json","install_command":"npx shadcn@latest add https://efferd.com/r/text-effect.json","copy_url":"https://efferd.com/r/text-effect.json"},{"name":"use-scroll","title":null,"description":"Use scroll hook.","type":"registry:hook","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-scroll.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-scroll.json","copy_url":"https://efferd.com/r/use-scroll.json"},{"name":"use-media-query","title":null,"description":"Use media query hook.","type":"registry:hook","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-media-query.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-media-query.json","copy_url":"https://efferd.com/r/use-media-query.json"},{"name":"use-copy-to-clipboard","title":null,"description":"Use copy to clipboard hook.","type":"registry:hook","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://efferd.com/r/use-copy-to-clipboard.json"},{"name":"use-keypress","title":null,"description":"Use keypress hook.","type":"registry:hook","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-keypress.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-keypress.json","copy_url":"https://efferd.com/r/use-keypress.json"},{"name":"apple-icon","title":null,"description":"Apple icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/apple-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/apple-icon.json","copy_url":"https://efferd.com/r/apple-icon.json"},{"name":"discord-icon","title":null,"description":"Discord icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/discord-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/discord-icon.json","copy_url":"https://efferd.com/r/discord-icon.json"},{"name":"facebook-icon","title":null,"description":"Facebook icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/facebook-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/facebook-icon.json","copy_url":"https://efferd.com/r/facebook-icon.json"},{"name":"figma-icon","title":null,"description":"Figma icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/figma-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/figma-icon.json","copy_url":"https://efferd.com/r/figma-icon.json"},{"name":"framer-icon","title":null,"description":"Framer icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/framer-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/framer-icon.json","copy_url":"https://efferd.com/r/framer-icon.json"},{"name":"github-icon","title":null,"description":"GitHub icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/github-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/github-icon.json","copy_url":"https://efferd.com/r/github-icon.json"},{"name":"google-icon","title":null,"description":"Google icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/google-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/google-icon.json","copy_url":"https://efferd.com/r/google-icon.json"},{"name":"google-play-icon","title":null,"description":"Google Play icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/google-play-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/google-play-icon.json","copy_url":"https://efferd.com/r/google-play-icon.json"},{"name":"instagram-icon","title":null,"description":"Instagram icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/instagram-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/instagram-icon.json","copy_url":"https://efferd.com/r/instagram-icon.json"},{"name":"linkedin-icon","title":null,"description":"LinkedIn icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/linkedin-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/linkedin-icon.json","copy_url":"https://efferd.com/r/linkedin-icon.json"},{"name":"react-icon","title":null,"description":"React icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/react-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/react-icon.json","copy_url":"https://efferd.com/r/react-icon.json"},{"name":"shadcn-icon","title":null,"description":"shadcn/ui icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/shadcn-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/shadcn-icon.json","copy_url":"https://efferd.com/r/shadcn-icon.json"},{"name":"slack-icon","title":null,"description":"Slack icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/slack-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/slack-icon.json","copy_url":"https://efferd.com/r/slack-icon.json"},{"name":"vercel-icon","title":null,"description":"Vercel icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/vercel-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/vercel-icon.json","copy_url":"https://efferd.com/r/vercel-icon.json"},{"name":"x-icon","title":null,"description":"X (Twitter) icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/x-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/x-icon.json","copy_url":"https://efferd.com/r/x-icon.json"},{"name":"youtube-icon","title":null,"description":"YouTube icon","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/youtube-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/youtube-icon.json","copy_url":"https://efferd.com/r/youtube-icon.json"},{"name":"formater","title":null,"description":"Formater utilities.","type":"registry:component","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/formater.json","install_command":"npx shadcn@latest add https://efferd.com/r/formater.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-10.json","copy_url":"https://efferd.com/r/app-shell-10.json"},{"name":"auth-1","title":null,"description":"Modern sign-in page with particle background and social buttons.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-12.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-13.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-14.json","copy_url":"https://efferd.com/r/auth-14.json"},{"name":"blogs-1","title":null,"description":"Minimalist list with dashed dividers.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-1.json","copy_url":"https://efferd.com/r/blogs-1.json"},{"name":"blogs-2","title":null,"description":"Clean grid layout with bordered cards.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-2.json","copy_url":"https://efferd.com/r/blogs-2.json"},{"name":"blogs-3","title":null,"description":"Immersive grid with images and gradients.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-3.json","copy_url":"https://efferd.com/r/blogs-3.json"},{"name":"blogs-4","title":null,"description":"Bento-style grid with spanning items.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-4.json","copy_url":"https://efferd.com/r/blogs-4.json"},{"name":"blogs-5","title":null,"description":"Magazine layout with featured post.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/contact-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-6.json","copy_url":"https://efferd.com/r/cta-6.json"},{"name":"cta-7","title":null,"description":"CTA with heading and animated 'Join Now!' button.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-9.json","copy_url":"https://efferd.com/r/cta-9.json"},{"name":"cta-10","title":null,"description":"Animated border lines with 'Get Started' button.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-12.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-13.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-14.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-15.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-15.json","copy_url":"https://efferd.com/r/cta-15.json"},{"name":"cta-16","title":null,"description":"Logo branding with animated expanding border frame.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-16.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-16.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-17.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-17.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-18.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-18.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-19.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-19.json","copy_url":"https://efferd.com/r/cta-19.json"},{"name":"cta-20","title":null,"description":"Concentric animated circles with pricing headline and button.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/cta-20.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-20.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/dashboard-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-10.json","copy_url":"https://efferd.com/r/dashboard-10.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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/faqs-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo-cloud-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-3.json","copy_url":"https://efferd.com/r/pricing-3.json"},{"name":"pricing-4","title":null,"description":"Interactive pricing with frequency toggle and numeric animations.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-4.json","copy_url":"https://efferd.com/r/pricing-4.json"},{"name":"pricing-5","title":null,"description":"Three-column pricing with toggle and decorative elements.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/pricing-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-7.json","copy_url":"https://efferd.com/r/testimonials-7.json"},{"name":"testimonials-8","title":null,"description":"Dual-row infinite slider moving in opposite directions.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/testimonials-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-6.json","copy_url":"https://efferd.com/r/footer-6.json"},{"name":"footer-7","title":null,"description":"Grid layout with status indicator and detailed links.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-7.json","copy_url":"https://efferd.com/r/footer-7.json"},{"name":"footer-8","title":null,"description":"Newsletter signup form with theme toggle.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-8.json","copy_url":"https://efferd.com/r/footer-8.json"},{"name":"footer-9","title":null,"description":"Prominent newsletter section with theme toggle.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-9.json","copy_url":"https://efferd.com/r/footer-9.json"},{"name":"footer-10","title":null,"description":"Minimalist footer with newsletter subscription.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-10.json","copy_url":"https://efferd.com/r/footer-10.json"},{"name":"footer-11","title":null,"description":"Clean footer with newsletter form and social links.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-11.json","copy_url":"https://efferd.com/r/footer-11.json"},{"name":"footer-12","title":null,"description":"CTA section with newsletter and quick links.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-12.json","copy_url":"https://efferd.com/r/footer-12.json"},{"name":"footer-13","title":null,"description":"Centered layout with navigation and social icons.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-13.json","copy_url":"https://efferd.com/r/footer-13.json"},{"name":"footer-14","title":null,"description":"Large typography footer with status indicator.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/footer-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-14.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/image-gallery-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/image-gallery-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-9.json","copy_url":"https://efferd.com/r/header-9.json"},{"name":"header-10","title":null,"description":"Fixed navigation with dropdown menus and mobile accordion.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-10.json","copy_url":"https://efferd.com/r/header-10.json"},{"name":"header-11","title":null,"description":"Centered navigation with dropdown menus and action buttons.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-12.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-13.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/header-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-14.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-2.json","copy_url":"https://efferd.com/r/hero-2.json"},{"name":"hero-3","title":null,"description":"Left-aligned hero with dashboard screenshot preview","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-5.json","copy_url":"https://efferd.com/r/hero-5.json"},{"name":"hero-6","title":null,"description":"Hero with animated gradient bars visualization","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-6.json","copy_url":"https://efferd.com/r/hero-6.json"},{"name":"hero-7","title":null,"description":"Left-aligned hero with 3D perspective dashboard mockup","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-7.json","copy_url":"https://efferd.com/r/hero-7.json"},{"name":"hero-8","title":null,"description":"Centered hero with animated multi-screen card display","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/hero-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-8.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/features-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-2.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-3.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-4.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-5.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-6.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-7.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-8.json","copy_url":"https://efferd.com/r/integrations-8.json"},{"name":"integrations-9","title":null,"description":"Floating animated integration boxes around centered heading text.","type":"registry:block","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-9.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-10.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-11.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/integrations-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-12.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/not-found-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/not-found-1.json","copy_url":"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","tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/not-found-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/not-found-2.json","copy_url":"https://efferd.com/r/not-found-2.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","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","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.vercel.app/registry/einui","markdown":"https://sh4dcn.vercel.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":120,"open_issues":5,"last_commit":"2026-07-05T19:05:15Z"},"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":42,"components":[{"name":"glass-avatar","title":"Glass Avatar","description":"Circular profile images with gradient glow effects and fallback initials for user representation.","type":"registry:ui","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-avatar.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-avatar.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-badge.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-badge.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-button.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-button.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-card.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-card.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-dialog.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-dialog.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-input.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-input.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-progress.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-progress.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-slider.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-slider.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-switch.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-switch.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-tabs.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-tabs.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-tooltip.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-tooltip.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-notification.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-notification.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-dock.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-dock.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-gauge.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-gauge.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-ripple.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-ripple.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-spotlight.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-spotlight.json","copy_url":"https://ui.eindev.ir/r/glass-spotlight.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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-timeline.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-timeline.json","copy_url":"https://ui.eindev.ir/r/glass-timeline.json"},{"name":"base-widget","title":"Base Widget","description":"base widgets component","type":"registry:ui","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/base-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/base-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/calendar-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/calendar-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/clock-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/clock-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/weather-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/weather-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/stats-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/stats-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/stock-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/stock-widget.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/admin-panel.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/admin-panel.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-select.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-select.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-textarea.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-textarea.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-checkbox.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-checkbox.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-radio.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-radio.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-skeleton.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-skeleton.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-table.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-table.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-breadcrumb.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-breadcrumb.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-sheet.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-sheet.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-popover.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-popover.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-separator.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-separator.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/login-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/login-page.json","copy_url":"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","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/signup-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/signup-page.json","copy_url":"https://ui.eindev.ir/r/signup-page.json"},{"name":"pricing-page","title":"Pricing Page","description":"A modern pricing page with multiple plan tiers, billing toggle, feature comparison, FAQ section, and call-to-action buttons.","type":"registry:block","tags":["aesthetic","auth","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/pricing-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/pricing-page.json","copy_url":"https://ui.eindev.ir/r/pricing-page.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.vercel.app/registry/eldoraui","markdown":"https://sh4dcn.vercel.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":1945,"open_issues":0,"last_commit":"2026-04-18T14:56:19Z"},"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/index.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/index.json","copy_url":"https://eldoraui.site/r/index.json"},{"name":"safari-browser","title":"safari-browser","description":"A safari browser component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/safari-browser.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/safari-browser.json","copy_url":"https://eldoraui.site/r/safari-browser.json"},{"name":"macbook-pro","title":"macbook-pro","description":"A MacBook Pro SVG component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/macbook-pro.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/macbook-pro.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/iphone-17-pro.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro.json","copy_url":"https://eldoraui.site/r/iphone-17-pro.json"},{"name":"ipad","title":"ipad","description":"An iPad SVG component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/ipad.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/ipad.json","copy_url":"https://eldoraui.site/r/ipad.json"},{"name":"browser","title":"browser","description":"A browser SVG component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser.json","copy_url":"https://eldoraui.site/r/browser.json"},{"name":"cobe-globe","title":"cobe-globe","description":"A cobe globe component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe.json","copy_url":"https://eldoraui.site/r/cobe-globe.json"},{"name":"github-inline-comments","title":"github-inline-comments","description":"A github inline comments component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/github-inline-comments.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/github-inline-comments.json","copy_url":"https://eldoraui.site/r/github-inline-comments.json"},{"name":"animated-badge","title":"animated-badge","description":"An animated badge component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-badge.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-badge.json","copy_url":"https://eldoraui.site/r/animated-badge.json"},{"name":"grid","title":"grid","description":"A grid component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid.json","copy_url":"https://eldoraui.site/r/grid.json"},{"name":"clerk-otp","title":"clerk-otp","description":"A clerk OTP component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/clerk-otp.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/clerk-otp.json","copy_url":"https://eldoraui.site/r/clerk-otp.json"},{"name":"marquee","title":"marquee","description":"A performant, customizable marquee (scrolling text/content) component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/marquee.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/marquee.json","copy_url":"https://eldoraui.site/r/marquee.json"},{"name":"integrations","title":"integrations","description":"An integrations component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/integrations.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations.json","copy_url":"https://eldoraui.site/r/integrations.json"},{"name":"terminal","title":"terminal","description":"A terminal component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/terminal.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/terminal.json","copy_url":"https://eldoraui.site/r/terminal.json"},{"name":"testimonal-slider","title":"testimonal-slider","description":"A testimonial slider component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-slider.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-slider.json","copy_url":"https://eldoraui.site/r/testimonal-slider.json"},{"name":"map","title":"map","description":"An animated map component with location markers.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/map.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/map.json","copy_url":"https://eldoraui.site/r/map.json"},{"name":"svg-ripple-effect","title":"svg-ripple-effect","description":"An SVG ripple effect component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/svg-ripple-effect.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect.json","copy_url":"https://eldoraui.site/r/svg-ripple-effect.json"},{"name":"animated-frameworks","title":"animated-frameworks","description":"An animated frameworks component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-frameworks.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-frameworks.json","copy_url":"https://eldoraui.site/r/animated-frameworks.json"},{"name":"blur-in-text","title":"blur-in-text","description":"A blur in text component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/blur-in-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/blur-in-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/fade-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text.json","copy_url":"https://eldoraui.site/r/fade-text.json"},{"name":"gradual-spacing-text","title":"gradual-spacing-text","description":"A gradual spacing text component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/gradual-spacing-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/seperate-away-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/seperate-away-text.json","copy_url":"https://eldoraui.site/r/seperate-away-text.json"},{"name":"wavy-text","title":"wavy-text","description":"A wavy text component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/wavy-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/wavy-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"https://eldoraui.site/r/word-pull-up-text.json"},{"name":"novatrix-background","title":"novatrix-background","description":"A novatrix background component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/novatrix-background.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/novatrix-background.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/photon-beam.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/photon-beam.json","copy_url":"https://eldoraui.site/r/photon-beam.json"},{"name":"hacker-background","title":"hacker-background","description":"A hacker background component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/hacker-background.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/hacker-background.json","copy_url":"https://eldoraui.site/r/hacker-background.json"},{"name":"card-flip-hover","title":"card-flip-hover","description":"A card flip hover component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/card-flip-hover.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/card-flip-hover.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/scale-letter-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/scale-letter-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/font-weight-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/font-weight-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-grid-pattern.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern.json","copy_url":"https://eldoraui.site/r/animated-grid-pattern.json"},{"name":"live-button","title":"live-button","description":"A live button component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/live-button.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/live-button.json","copy_url":"https://eldoraui.site/r/live-button.json"},{"name":"animated-shiny-button","title":"animated-shiny-button","description":"An animated shiny button component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-shiny-button.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button.json","copy_url":"https://eldoraui.site/r/animated-shiny-button.json"},{"name":"animated-list","title":"animated-list","description":"An animated list component.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-list.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-list.json","copy_url":"https://eldoraui.site/r/animated-list.json"},{"name":"orbit-rotation","title":"orbit-rotation","description":"An orbit rotation component with customizable icons.","type":"registry:ui","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/orbit-rotation.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/orbit-rotation.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-timeline.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-timeline.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/dock-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/dock-text.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/holographic-card.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/safari-browser-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/safari-browser-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/macbook-pro-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/macbook-pro-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/ipad-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/ipad-demo.json","copy_url":"https://eldoraui.site/r/ipad-demo.json"},{"name":"browser-demo","title":"browser-demo","description":"Example showing a browser-demo component.","type":"registry:example","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser-demo-2.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-badge-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-badge-demo.json","copy_url":"https://eldoraui.site/r/animated-badge-demo.json"},{"name":"grid-demo","title":"grid-demo","description":"Example showing a grid-demo component.","type":"registry:example","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-2.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-3.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-3.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-4.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-4.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-5.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-5.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/clerk-otp-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/integrations-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/integrations-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations-demo-2.json","copy_url":"https://eldoraui.site/r/integrations-demo-2.json"},{"name":"terminal-demo","title":"terminal-demo","description":"Example showing a terminal-demo component.","type":"registry:example","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/terminal-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/terminal-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-slider-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-slider-demo.json","copy_url":"https://eldoraui.site/r/testimonal-slider-demo.json"},{"name":"map-demo","title":"map-demo","description":"Example showing a map component.","type":"registry:example","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/map-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/map-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-frameworks-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-frameworks-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/fade-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/wavy-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/wavy-text-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/novatrix-background-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/novatrix-background-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/photon-beam-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/photon-beam-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/hacker-background-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/hacker-background-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/live-button-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/live-button-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-list-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-list-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/orbit-rotation-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/orbit-rotation-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-timeline-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-timeline-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/dock-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/dock-text-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/holographic-card-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"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","copy_url":"https://eldoraui.site/r/holographic-card-demo-3.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/utils.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/utils.json","copy_url":"https://eldoraui.site/r/utils.json"},{"name":"header-01","title":null,"description":"A simple header.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/header-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/header-01.json","copy_url":"https://eldoraui.site/r/header-01.json"},{"name":"header-02","title":null,"description":"A simple header.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/header-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/header-02.json","copy_url":"https://eldoraui.site/r/header-02.json"},{"name":"logo-cloud-01","title":null,"description":"A simple logo cloud.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-cloud-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-01.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-cloud-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-02.json","copy_url":"https://eldoraui.site/r/logo-cloud-02.json"},{"name":"logo-cloud-03","title":null,"description":"A logo cloud with marquee effect.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-cloud-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-03.json","copy_url":"https://eldoraui.site/r/logo-cloud-03.json"},{"name":"logo-cloud-04","title":null,"description":"A logo cloud with motion.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-cloud-04.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-04.json","copy_url":"https://eldoraui.site/r/logo-cloud-04.json"},{"name":"testimonal-01","title":null,"description":"A testimonial slider.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-01.json","copy_url":"https://eldoraui.site/r/testimonal-01.json"},{"name":"testimonal-02","title":null,"description":"A testimonial marquee.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-02.json","copy_url":"https://eldoraui.site/r/testimonal-02.json"},{"name":"testimonal-03","title":null,"description":"A testimonial card grid.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-03.json","copy_url":"https://eldoraui.site/r/testimonal-03.json"},{"name":"features-01","title":null,"description":"Features section with accordion and image carousel.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/features-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/features-01.json","copy_url":"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","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cta-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-01.json","copy_url":"https://eldoraui.site/r/cta-01.json"},{"name":"cta-02","title":null,"description":"CTA with heading, button, and orbiting app icons.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cta-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-02.json","copy_url":"https://eldoraui.site/r/cta-02.json"},{"name":"cta-03","title":null,"description":"CTA with heading, button, and ripple background.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cta-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-03.json","copy_url":"https://eldoraui.site/r/cta-03.json"},{"name":"pricing-01","title":null,"description":"A pricing section.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/pricing-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/pricing-01.json","copy_url":"https://eldoraui.site/r/pricing-01.json"},{"name":"pricing-02","title":null,"description":"A pricing table with a dropdown menu.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/pricing-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/pricing-02.json","copy_url":"https://eldoraui.site/r/pricing-02.json"},{"name":"footer-01","title":null,"description":"A footer.","type":"registry:block","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/footer-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/footer-01.json","copy_url":"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.vercel.app/registry/elements","markdown":"https://sh4dcn.vercel.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":511,"open_issues":4,"last_commit":"2026-05-17T00:16:54Z"},"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","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)"],"source_url":"https://www.tryelements.dev/r/ably-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ably-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/agent-context.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-context.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/agent-roster.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-roster.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/agent-status.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-status.json","copy_url":"https://www.tryelements.dev/r/agent-status.json"},{"name":"agentic-coding","title":"Agentic Coding","description":"AI coding agents, IDEs, and copilots","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/agentic-coding.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agentic-coding.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/agentmail-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agentmail-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/ai-badge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ai-badge.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/ai-services.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ai-services.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/algolia-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/algolia-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/amp-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/amp-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/anthropic-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/anthropic-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/antigravity-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/antigravity-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/apple-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/apple-logo.json","copy_url":"https://www.tryelements.dev/r/apple-logo.json"},{"name":"artifact","title":"Ai Artifact","description":"TODO: Add description","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/artifact.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/artifact.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/astro-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/astro-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/auth0-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/auth0-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-all.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-all.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-amplify.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-amplify.json","copy_url":"https://www.tryelements.dev/r/aws-amplify.json"},{"name":"aws-analytics","title":"AWS Analytics","description":"AWS analytics service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-analytics.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-analytics.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-appsync.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-appsync.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-athena.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-athena.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-bedrock.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-bedrock.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-cloudformation.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudformation.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-cloudfront.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudfront.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-cloudwatch.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudwatch.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-codebuild.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codebuild.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-codecommit.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codecommit.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-codedeploy.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codedeploy.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-codepipeline.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codepipeline.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-cognito.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cognito.json","copy_url":"https://www.tryelements.dev/r/aws-cognito.json"},{"name":"aws-compute","title":"AWS Compute","description":"AWS compute service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-compute.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-compute.json","copy_url":"https://www.tryelements.dev/r/aws-compute.json"},{"name":"aws-database","title":"AWS Database","description":"AWS database service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-database.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-database.json","copy_url":"https://www.tryelements.dev/r/aws-database.json"},{"name":"aws-devtools","title":"AWS Developer Tools","description":"AWS developer tool logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-devtools.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-devtools.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-dynamodb.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-dynamodb.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-ec2.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ec2.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-ecs.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ecs.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-eks.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-eks.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-eventbridge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-eventbridge.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-fargate.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-fargate.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-glue.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-glue.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-iam.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-iam.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-kinesis.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-kinesis.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-kms.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-kms.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-lambda.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-lambda.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-logo.json","copy_url":"https://www.tryelements.dev/r/aws-logo.json"},{"name":"aws-messaging","title":"AWS Messaging","description":"AWS messaging service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-messaging.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-messaging.json","copy_url":"https://www.tryelements.dev/r/aws-messaging.json"},{"name":"aws-ml","title":"AWS Machine Learning","description":"AWS ML service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-ml.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ml.json","copy_url":"https://www.tryelements.dev/r/aws-ml.json"},{"name":"aws-monitoring","title":"AWS Monitoring","description":"AWS monitoring service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-monitoring.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-monitoring.json","copy_url":"https://www.tryelements.dev/r/aws-monitoring.json"},{"name":"aws-networking","title":"AWS Networking","description":"AWS networking service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-networking.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-networking.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-rds.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-rds.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-redshift.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-redshift.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-route53.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-route53.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-s3.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-s3.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-sagemaker.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sagemaker.json","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/aws-secrets-manager.json"},{"name":"aws-security","title":"AWS Security","description":"AWS security service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-security.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-security.json","copy_url":"https://www.tryelements.dev/r/aws-security.json"},{"name":"aws-serverless","title":"AWS Serverless","description":"AWS serverless service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-serverless.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-serverless.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-sns.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sns.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-sqs.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sqs.json","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/aws-step-functions.json"},{"name":"aws-storage","title":"AWS Storage","description":"AWS storage service logos","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/aws-storage.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-storage.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/aws-vpc.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-vpc.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/axiom-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/axiom-logo.json","copy_url":"https://www.tryelements.dev/r/axiom-logo.json"},{"name":"bash-logo","title":"Bash Logo","description":"Bash shell logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/bash-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bash-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/beincrypto-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/beincrypto-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/biome-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/biome-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/braintrust-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/braintrust-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/browserbase-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/browserbase-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/bun-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bun-logo.json","copy_url":"https://www.tryelements.dev/r/bun-logo.json"},{"name":"bytedance-logo","title":"ByteDance Logo","description":"ByteDance logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/bytedance-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bytedance-logo.json","copy_url":"https://www.tryelements.dev/r/bytedance-logo.json"},{"name":"cerebras-logo","title":"Cerebras Logo","description":"Cerebras logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/cerebras-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cerebras-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/chat.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/chat.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/chat-input.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/chat-input.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/claude-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/claude-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/clerk-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/clerk-waitlist.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-waitlist.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/cli-output.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cli-output.json","copy_url":"https://www.tryelements.dev/r/cli-output.json"},{"name":"cline-logo","title":"Cline Logo","description":"Cline autonomous coding agent logo","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/cline-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cline-logo.json","copy_url":"https://www.tryelements.dev/r/cline-logo.json"},{"name":"cloud-infrastructure","title":"Cloud & Infrastructure","description":"Cloud services, infrastructure, and backend platforms","type":"registry:block","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)"],"source_url":"https://www.tryelements.dev/r/cloud-infrastructure.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloud-infrastructure.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/cloudflare-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloudflare-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/cloudinary-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloudinary-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/codex-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/codex-logo.json","copy_url":"https://www.tryelements.dev/r/codex-logo.json"},{"name":"cohere-logo","title":"Cohere Logo","description":"Cohere logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/cohere-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cohere-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/composio-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/composio-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/confirmation.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/confirmation.json","copy_url":"https://www.tryelements.dev/r/confirmation.json"},{"name":"continue-logo","title":"Continue Logo","description":"Continue open-source AI code agent logo","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/continue-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/continue-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/conversation-tree.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/conversation-tree.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/convex-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/convex-logo.json","copy_url":"https://www.tryelements.dev/r/convex-logo.json"},{"name":"cplusplus-logo","title":"C++ Logo","description":"C++ programming language logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/cplusplus-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cplusplus-logo.json","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/crafter-station-logo.json"},{"name":"css-logo","title":"CSS Logo","description":"CSS programming language logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/css-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/css-logo.json","copy_url":"https://www.tryelements.dev/r/css-logo.json"},{"name":"cursor-logo","title":"Cursor Logo","description":"Cursor - The AI Code Editor","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/cursor-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cursor-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/datadog-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/datadog-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/daytona-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/daytona-logo.json","copy_url":"https://www.tryelements.dev/r/daytona-logo.json"},{"name":"deepl-logo","title":"DeepL Logo","description":"DeepL logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/deepl-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/deepl-logo.json","copy_url":"https://www.tryelements.dev/r/deepl-logo.json"},{"name":"deepseek-logo","title":"DeepSeek Logo","description":"DeepSeek logo component with brand purple","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/deepseek-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/deepseek-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/developer-tools.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/developer-tools.json","copy_url":"https://www.tryelements.dev/r/developer-tools.json"},{"name":"dify-logo","title":"Dify Logo","description":"Dify logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/dify-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/dify-logo.json","copy_url":"https://www.tryelements.dev/r/dify-logo.json"},{"name":"discord-logo","title":"Discord Logo","description":"Discord logo component with brand purple","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/discord-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/discord-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/docker-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/docker-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/drizzle-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/drizzle-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/e2b-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/e2b-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/elevenlabs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/elevenlabs-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/env-editor.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/env-editor.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/exa-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/exa-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/expo-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/expo-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/fal-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/fal-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/figma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/figma-logo.json","copy_url":"https://www.tryelements.dev/r/figma-logo.json"},{"name":"fireworks-logo","title":"Fireworks Logo","description":"Fireworks logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/fireworks-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/fireworks-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/flyio-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/flyio-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/gemini-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/gemini-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/generate-badge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/generate-badge.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/ghostty-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ghostty-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/github-contributions.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-contributions.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/github-languages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-languages.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/github-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/github-stars.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-stars.json","copy_url":"https://www.tryelements.dev/r/github-stars.json"},{"name":"gitlab-logo","title":"GitLab Logo","description":"GitLab logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/gitlab-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/gitlab-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/go-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/go-logo.json","copy_url":"https://www.tryelements.dev/r/go-logo.json"},{"name":"google-logo","title":"Google Logo","description":"Google logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/google-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/google-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/goose-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/goose-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/grafana-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/grafana-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/grok-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/grok-logo.json","copy_url":"https://www.tryelements.dev/r/grok-logo.json"},{"name":"groq-logo","title":"Groq Logo","description":"Groq logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/groq-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/groq-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/guardrails.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/guardrails.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/handoff-chain.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/handoff-chain.json","copy_url":"https://www.tryelements.dev/r/handoff-chain.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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/hook-session-summary.json"},{"name":"html-logo","title":"HTML Logo","description":"HTML5 programming language logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/html-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/html-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/hyperbrowser-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hyperbrowser-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/inngest-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/inngest-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/instagram-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/instagram-logo.json","copy_url":"https://www.tryelements.dev/r/instagram-logo.json"},{"name":"java-logo","title":"Java Logo","description":"Java programming language logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/java-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/java-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/javascript-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/javascript-logo.json","copy_url":"https://www.tryelements.dev/r/javascript-logo.json"},{"name":"json-logo","title":"JSON Logo","description":"JSON data format logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/json-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/json-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/json-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/json-viewer.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/kapso-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kapso-logo.json","copy_url":"https://www.tryelements.dev/r/kapso-logo.json"},{"name":"kebo-logo","title":"Kebo Logo","description":"Kebo logo component with brand purple","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/kebo-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kebo-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/kimi-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kimi-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/kite-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kite-logo.json","copy_url":"https://www.tryelements.dev/r/kite-logo.json"},{"name":"kotlin-logo","title":"Kotlin Logo","description":"Kotlin programming language logo component","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/kotlin-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kotlin-logo.json","copy_url":"https://www.tryelements.dev/r/kotlin-logo.json"},{"name":"langchain-logo","title":"LangChain Logo","description":"LangChain logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/langchain-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/langchain-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/langfuse-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/langfuse-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/latency-meter.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/latency-meter.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/launchdarkly-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/launchdarkly-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/linear-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/linear-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/linkedin-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/linkedin-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/loader-helix.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-helix.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/logos.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/logos.json","copy_url":"https://www.tryelements.dev/r/logos.json"},{"name":"lovable-logo","title":"Lovable Logo","description":"Lovable logo component with brand gradient colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/lovable-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/lovable-logo.json","copy_url":"https://www.tryelements.dev/r/lovable-logo.json"},{"name":"luma-logo","title":"Luma Logo","description":"Luma logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/luma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/luma-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/meilisearch-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/meilisearch-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/mem0-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mem0-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/memory-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/memory-viewer.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/message-bubble.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/message-bubble.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/messages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/messages.json","copy_url":"https://www.tryelements.dev/r/messages.json"},{"name":"meta-logo","title":"Meta Logo","description":"Meta logo component with brand gradient blue","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/meta-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/meta-logo.json","copy_url":"https://www.tryelements.dev/r/meta-logo.json"},{"name":"microsoft-logo","title":"Microsoft Logo","description":"Microsoft logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/microsoft-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/microsoft-logo.json","copy_url":"https://www.tryelements.dev/r/microsoft-logo.json"},{"name":"mistral-logo","title":"Mistral Logo","description":"Mistral logo component with brand colors","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/mistral-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mistral-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/modal-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/modal-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/model-info.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/model-info.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/model-selector.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/model-selector.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/mongodb-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mongodb-logo.json","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/moonshot-ai-logo.json"},{"name":"n8n-logo","title":"n8n Logo","description":"n8n logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/n8n-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/n8n-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/neon-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/neon-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/nextjs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nextjs-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/nodejs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nodejs-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/notion-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/notion-logo.json","copy_url":"https://www.tryelements.dev/r/notion-logo.json"},{"name":"npm-logo","title":"npm Logo","description":"npm logo component - Node package manager","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/npm-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/npm-logo.json","copy_url":"https://www.tryelements.dev/r/npm-logo.json"},{"name":"nvidia-logo","title":"Nvidia Logo","description":"Nvidia logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/nvidia-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nvidia-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/obsidian-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/obsidian-logo.json","copy_url":"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","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)"],"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","copy_url":"https://www.tryelements.dev/r/og-image-explorer.json"},{"name":"ollama-logo","title":"Ollama Logo","description":"Ollama logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/ollama-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ollama-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/openai-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/openai-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/opencode-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/opencode-logo.json","copy_url":"https://www.tryelements.dev/r/opencode-logo.json"},{"name":"openhands-logo","title":"OpenHands Logo","description":"OpenHands AI-driven development platform logo","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/openhands-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/openhands-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/package-managers.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/package-managers.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/page-comments.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/page-comments.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/pagerduty-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pagerduty-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/payload-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/payload-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/pdf-utils.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pdf-utils.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pdf-viewer.json","copy_url":"https://www.tryelements.dev/r/pdf-viewer.json"},{"name":"perplexity-logo","title":"Perplexity Logo","description":"Perplexity logo component with brand teal","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/perplexity-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/perplexity-logo.json","copy_url":"https://www.tryelements.dev/r/perplexity-logo.json"},{"name":"pika-logo","title":"Pika Logo","description":"Pika logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/pika-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pika-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/pipeline.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pipeline.json","copy_url":"https://www.tryelements.dev/r/pipeline.json"},{"name":"plan","title":"Ai Plan","description":"TODO: Add description","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/plan.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/plan.json","copy_url":"https://www.tryelements.dev/r/plan.json"},{"name":"planetscale-logo","title":"PlanetScale Logo","description":"PlanetScale logo with dark/light mode support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/planetscale-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/planetscale-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/pnpm-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pnpm-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/polar-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-logo.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/postgresql-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/postgresql-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/posthog-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/posthog-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/prisma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/prisma-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/programming-languages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/programming-languages.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/prompt-diff.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/prompt-diff.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/python-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/python-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/qwen-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/qwen-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/railway-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/railway-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/raycast-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/raycast-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/react-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/react-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/reasoning.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/redis-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/redis-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/render-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/render-logo.json","copy_url":"https://www.tryelements.dev/r/render-logo.json"},{"name":"replicate-logo","title":"Replicate Logo","description":"Replicate logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/replicate-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/replicate-logo.json","copy_url":"https://www.tryelements.dev/r/replicate-logo.json"},{"name":"replit-logo","title":"Replit Logo","description":"Replit logo with variant support","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/replit-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/replit-logo.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/request-inspector.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/request-inspector.json","copy_url":"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","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)"],"source_url":"https://www.tryelements.dev/r/resend-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/resend-logo.json","copy_url":"https://www.tryelements.dev/r/resend-logo.json"},{"name":"response-actions","title":"AI Response Actions","description":"Action buttons for AI responses: copy, regenerate, thumbs up/down, share","type":"registry:ui","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)"],"source_url":"https://www.tryelements.dev/r/response-actions.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/response-actions.json","copy_url":"https://www.tryelements.dev/r/response-actions.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"],"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.vercel.app/registry/elevenlabs-ui","markdown":"https://sh4dcn.vercel.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":2304,"open_issues":25,"last_commit":"2026-05-15T22:09:08Z"},"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":"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","recently-updated"],"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.vercel.app/registry/emerald-ui","markdown":"https://sh4dcn.vercel.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":5,"open_issues":0,"last_commit":"2026-06-28T14:56:09Z"},"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":"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","auth","blocks","buttons","cards","forms","hooks","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.vercel.app/registry/ericts","markdown":"https://sh4dcn.vercel.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":3,"open_issues":0,"last_commit":"2026-07-04T18:01:07Z"},"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":28,"components":[{"name":"smooth-height","title":"Smooth Height Layout","description":"A Motion-powered layout primitive that observes content size and animates height changes.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/smooth-height.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/smooth-height.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/copy-button.json","copy_url":"https://ui.ericts.com/r/copy-button.json"},{"name":"status-button","title":"Status Button","description":"A shadcn Button-based action that transitions through idle, loading, and success states.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/status-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/status-button.json","copy_url":"https://ui.ericts.com/r/status-button.json"},{"name":"status-badge","title":"Status Badge","description":"A compact animated badge for status labels with icon and text slot transitions.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/status-badge.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/floating-select.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/floating-select.json","copy_url":"https://ui.ericts.com/r/floating-select.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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/expandable-toolbar.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-toolbar.json","copy_url":"https://ui.ericts.com/r/expandable-toolbar.json"},{"name":"check-animation","title":"Check Animation","description":"A pure SVG checkmark animation that draws a square or circle before the check.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/check-animation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/check-animation.json","copy_url":"https://ui.ericts.com/r/check-animation.json"},{"name":"jitter-animation","title":"Jitter Animation","description":"A jitter animation primitive plus a ready-made vibration icon.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/jitter-animation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/jitter-animation.json","copy_url":"https://ui.ericts.com/r/jitter-animation.json"},{"name":"squeeze-animation","title":"Squeeze Animation","description":"A squeeze animation primitive plus a ready-made SVG card icon.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/squeeze-animation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/squeeze-animation.json","copy_url":"https://ui.ericts.com/r/squeeze-animation.json"},{"name":"heartbeat-animation","title":"Heartbeat Animation","description":"A Motion-powered heartbeat primitive with a projected shadow layer and reduced-motion support.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/heartbeat-animation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/heartbeat-animation.json","copy_url":"https://ui.ericts.com/r/heartbeat-animation.json"},{"name":"projected-shadow-animation","title":"Projected Shadow Animation","description":"A CSS-powered primitive that layers an element with projected and contact shadows, then gathers them on hover or active state.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/projected-shadow-animation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/projected-shadow-animation.json","copy_url":"https://ui.ericts.com/r/projected-shadow-animation.json"},{"name":"otp-input","title":"OTP Input","description":"A fixed-slot one-time passcode input with paste, autofill, error shake, and animated success feedback.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/otp-input.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/otp-input.json","copy_url":"https://ui.ericts.com/r/otp-input.json"},{"name":"highlight-tabs","title":"Highlight Tabs","description":"A Motion-powered tab list with a shared highlight indicator and keyboard navigation.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/highlight-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/highlight-tabs.json","copy_url":"https://ui.ericts.com/r/highlight-tabs.json"},{"name":"expanding-segmented-tabs","title":"Expanding 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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/expanding-segmented-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expanding-segmented-tabs.json","copy_url":"https://ui.ericts.com/r/expanding-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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-tabs.json","copy_url":"https://ui.ericts.com/r/expandable-tabs.json"},{"name":"expanding-button","title":"Expanding Button","description":"A compact icon button that morphs — growing in width and height from its corner — into a floating panel holding arbitrary content. The transformation is the po…","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/expanding-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expanding-button.json","copy_url":"https://ui.ericts.com/r/expanding-button.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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/navigation-menu.json","copy_url":"https://ui.ericts.com/r/navigation-menu.json"},{"name":"text-morph","title":"Morphing Text","description":"A Motion-powered text primitive that morphs matching characters between string updates.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/text-morph.json","copy_url":"https://ui.ericts.com/r/text-morph.json"},{"name":"expandable-modal","title":"Expandable Dialog","description":"A shared-layout dialog that expands list items into an accessible detail view.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/expandable-modal.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-modal.json","copy_url":"https://ui.ericts.com/r/expandable-modal.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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/context-cursor.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/context-cursor.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/feedback-popover.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/feedback-popover.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/multi-step.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/multi-step.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/adaptive-drawer.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/adaptive-drawer.json","copy_url":"https://ui.ericts.com/r/adaptive-drawer.json"},{"name":"staggered-entrance","title":"Staggered List","description":"A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search results.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"source_url":"https://ui.ericts.com/r/staggered-entrance.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/staggered-entrance.json","copy_url":"https://ui.ericts.com/r/staggered-entrance.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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","forms","hooks","maps","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://ui.ericts.com/r/use-scroll-anchor.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":"TommyBez","framework":"react","license":"MIT","tags":["ai"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://evex.sh","github":"https://github.com/TommyBez/evex","registry":"https://evex.sh/r/registry.json","source":"https://evex.sh/r/registry.json","page":"https://sh4dcn.vercel.app/registry/evex","markdown":"https://sh4dcn.vercel.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":"https://www.evex.sh/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":17,"open_issues":0,"last_commit":"2026-07-05T12:52:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://evex.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://evex.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://evex.sh/r/registry.json","clone":"git clone https://github.com/TommyBez/evex.git","clone_degit":"npx degit TommyBez/evex","registry_fetch":"curl -s https://evex.sh/r/registry.json"},"component_count":11,"components":[{"name":"brand-visual-asset-generator","title":"Brand Visual Asset Generator","description":"Generate brand-aligned SVG asset packs for SaaS products using Context.dev brand extraction and a Quiver Arrow SVG tool.","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/brand-visual-asset-generator.json","install_command":"npx shadcn@latest add https://evex.sh/r/brand-visual-asset-generator.json","copy_url":"https://evex.sh/r/brand-visual-asset-generator.json"},{"name":"branded-seo-page-builder","title":"Branded SEO Page Builder","description":"Generate an on-brand, SEO-optimized HTML page from a domain using Context.dev brand, content, and styleguide data.","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/branded-seo-page-builder.json","install_command":"npx shadcn@latest add https://evex.sh/r/branded-seo-page-builder.json","copy_url":"https://evex.sh/r/branded-seo-page-builder.json"},{"name":"code-reviewer","title":"Code Reviewer","description":"Review GitHub pull requests from a native GitHub App channel. Mention `@code-reviewer` on a pull request to publish a GitHub review with inline comments, optio…","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/code-reviewer.json","install_command":"npx shadcn@latest add https://evex.sh/r/code-reviewer.json","copy_url":"https://evex.sh/r/code-reviewer.json"},{"name":"eve-agent-builder","title":"Eve Agent Builder","description":"An Eve coding agent that creates Eve agents, runs their checks, deploys them to Vercel, and verifies the live routes.","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/eve-agent-builder.json","install_command":"npx shadcn@latest add https://evex.sh/r/eve-agent-builder.json","copy_url":"https://evex.sh/r/eve-agent-builder.json"},{"name":"linear-operations-agent","title":"Linear Operations Agent","description":"An Eve agent for Linear operations across Linear, Slack, and scheduled runs.","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/linear-operations-agent.json","install_command":"npx shadcn@latest add https://evex.sh/r/linear-operations-agent.json","copy_url":"https://evex.sh/r/linear-operations-agent.json"},{"name":"openui-assistant","title":"OpenUI Assistant","description":"An Eve agent that streams OpenUI Lang generative UI using the official openuiChatLibrary, with demo weather, stock, and search tools from the openui-chat examp…","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/openui-assistant.json","install_command":"npx shadcn@latest add https://evex.sh/r/openui-assistant.json","copy_url":"https://evex.sh/r/openui-assistant.json"},{"name":"postgres-data-analyst","title":"Postgres Data Analyst","description":"An Eve-native Slack analyst for a single Postgres database. It answers Slack mentions and DMs, inspects schema metadata, and runs bounded read-only SQL through…","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/postgres-data-analyst.json","install_command":"npx shadcn@latest add https://evex.sh/r/postgres-data-analyst.json","copy_url":"https://evex.sh/r/postgres-data-analyst.json"},{"name":"programmatic-seo-agent","title":"Programmatic SEO Agent","description":"Weekly scheduled agent that grows a product's organic traffic with programmatic SEO: it checks the product's GitHub repository out into its sandbox, discovers …","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/programmatic-seo-agent.json","install_command":"npx shadcn@latest add https://evex.sh/r/programmatic-seo-agent.json","copy_url":"https://evex.sh/r/programmatic-seo-agent.json"},{"name":"supabase-data-analyst","title":"Supabase Data Analyst","description":"A Slack-native Eve analyst for a single Supabase project that only runs read-only SQL queries. It exposes just supabase__list_tables and supabase__execute_sql …","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/supabase-data-analyst.json","install_command":"npx shadcn@latest add https://evex.sh/r/supabase-data-analyst.json","copy_url":"https://evex.sh/r/supabase-data-analyst.json"},{"name":"x-draft-assistant","title":"X Draft Assistant","description":"A scheduled Eve agent that scans a configured set of X (Twitter) profiles every day, surfaces hot topics from their recent posts, researches each topic with th…","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/x-draft-assistant.json","install_command":"npx shadcn@latest add https://evex.sh/r/x-draft-assistant.json","copy_url":"https://evex.sh/r/x-draft-assistant.json"},{"name":"x-hot-topic-digest","title":"X Hot Topic Digest","description":"A scheduled Eve agent that scans a configured set of X (Twitter) profiles every day, surfaces hot topics from their recent posts, researches each topic with th…","type":"registry:item","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://evex.sh/r/x-hot-topic-digest.json","install_command":"npx shadcn@latest add https://evex.sh/r/x-hot-topic-digest.json","copy_url":"https://evex.sh/r/x-hot-topic-digest.json"}]},{"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.vercel.app/registry/evilbuttons","markdown":"https://sh4dcn.vercel.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":66,"open_issues":0,"last_commit":"2026-07-02T16:39:25Z"},"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":31,"components":[{"name":"click-powerup","title":"ClickPowerUp","description":"An animated button wrapper with corner brackets, patterned fill, and tap feedback.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/click-powerup.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/click-powerup.json","copy_url":"https://evilbuttons.radiumcoders.com/r/click-powerup.json"},{"name":"sticky","title":"StickyButton","description":"A magnetic button that follows cursor movement with spring physics.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/sticky.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/sticky.json","copy_url":"https://evilbuttons.radiumcoders.com/r/sticky.json"},{"name":"shiny-button","title":"ShinyButton","description":"A glossy, gradient-styled button with a layered inner glow and press feedback.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/shiny-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/shiny-button.json"},{"name":"movie-pass","title":"MoviePassButton","description":"A ticket-style button like a cinema stub.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/movie-pass.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/movie-pass.json","copy_url":"https://evilbuttons.radiumcoders.com/r/movie-pass.json"},{"name":"minimal","title":"MinimalButton","description":"A sleek, minimal button with a subtle repeating linear gradient pattern.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/minimal.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minimal.json","copy_url":"https://evilbuttons.radiumcoders.com/r/minimal.json"},{"name":"grid-button","title":"GridButton","description":"A retro-styled button with a pixelated grid icon and tactile press feedback.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/grid-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/grid-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/grid-button.json"},{"name":"dither-button","title":"DitherButton","description":"A button with an animated 4x4 ordered-dither wave background and a knockout label.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/dither-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/dither-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/dither-button.json"},{"name":"evil-eye-button","title":"EvilEyeButton","description":"A button with a React Bits evil eye shader background and a fiery readable label.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"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","copy_url":"https://evilbuttons.radiumcoders.com/r/evil-eye-button.json"},{"name":"troll-button","title":"TrollButton","description":"A button that flees from the user's cursor.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/troll-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/troll-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/troll-button.json"},{"name":"chrome-button","title":"ChromeButton","description":"A button with an animated liquid chrome background.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/chrome-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/chrome-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/brutal-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/brutal-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/aqua-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/aqua-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/3d-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/3d-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/3d-button.json"},{"name":"frame-button","title":"FrameButton","description":"A futuristic button with animated corner frames and tactile motion interactions.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/frame-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/frame-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/frame-button.json"},{"name":"highlight-button","title":"HighlightButton","description":"A button with a mouse-following highlight that darkens light surfaces and expands on click.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/highlight-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/highlight-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/glitch-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/glitch-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/glitch-button.json"},{"name":"command-button","title":"CommandButton","description":"A button that binds a keyboard shortcut globally and pulses with a subtle flash animation when the shortcut fires.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/command-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/command-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/command-button.json"},{"name":"copy-button","title":"CopyButton","description":"A button that copies a value to the clipboard and transitions through idle, copied, and error states with animated icon swaps.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/copy-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/copy-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/reveal-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/reveal-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/reveal-button.json"},{"name":"demonic-button","title":"DemonicButton","description":"A hold-to-charge button: keep pressing to slowly strain the devil horns out while it trembles, spits embers, and flashes between black and blood-red like a fil…","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/demonic-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/demonic-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/hold-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/hold-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/hold-button.json"},{"name":"captcha-button","title":"CaptchaButton","description":"A button that makes you pass an absurd 'select all the evil' emoji captcha before the real action fires.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/captcha-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/captcha-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/captcha-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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/doubt-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/doubt-button.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/cooldown-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/cooldown-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/cooldown-button.json"},{"name":"pill-button","title":"PillButton","description":"A compact pill toggle that slides between two labeled faces with a rolling hover label animation.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/pill-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/pill-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/pill-button.json"},{"name":"confetti-button","title":"ConfettiButton","description":"A plain shadcn button that pops on click and fires a confetti celebration burst.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/confetti-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/confetti-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/confetti-button.json"},{"name":"hold-confirm-button","title":"HoldConfirmButton","description":"A hold-to-confirm pill button that shrinks while pressed and draws a circular progress ring around it using Motion styleEffect and svgEffect.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/hold-confirm-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/hold-confirm-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/hold-confirm-button.json"},{"name":"dont-press-button","title":"DontPressButton","description":"A reverse-psychology button that begs you not to press it, then grows more tempting the closer your cursor gets.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/dont-press-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/dont-press-button.json","copy_url":"https://evilbuttons.radiumcoders.com/r/dont-press-button.json"},{"name":"ash-burst-button","title":"AshBurstButton","description":"A button that burns on click and erupts ash that collides with the button via Matter.js physics, piling onto its surface.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"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","copy_url":"https://evilbuttons.radiumcoders.com/r/ash-burst-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"],"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.vercel.app/registry/evilcharts","markdown":"https://sh4dcn.vercel.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":2554,"open_issues":2,"last_commit":"2026-05-21T19:26:43Z"},"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-chart.json","copy_url":"https://evilcharts.com/r/recharts-chart.json"},{"name":"recharts-tooltip","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-tooltip.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-tooltip.json","copy_url":"https://evilcharts.com/r/recharts-tooltip.json"},{"name":"recharts-legend","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-legend.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-legend.json","copy_url":"https://evilcharts.com/r/recharts-legend.json"},{"name":"recharts-dot","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-dot.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-dot.json","copy_url":"https://evilcharts.com/r/recharts-dot.json"},{"name":"recharts-brush","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-brush.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-brush.json","copy_url":"https://evilcharts.com/r/recharts-brush.json"},{"name":"recharts-background","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-background.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-background.json","copy_url":"https://evilcharts.com/r/recharts-background.json"},{"name":"echarts-chart","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-chart.json","copy_url":"https://evilcharts.com/r/echarts-chart.json"},{"name":"echarts-tooltip","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-tooltip.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-tooltip.json","copy_url":"https://evilcharts.com/r/echarts-tooltip.json"},{"name":"echarts-legend","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-legend.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-legend.json","copy_url":"https://evilcharts.com/r/echarts-legend.json"},{"name":"echarts-dot","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-dot.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-dot.json","copy_url":"https://evilcharts.com/r/echarts-dot.json"},{"name":"echarts-brush","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-brush.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-brush.json","copy_url":"https://evilcharts.com/r/echarts-brush.json"},{"name":"echarts-area-chart","title":null,"description":"Area chart component rendered with Apache ECharts","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-area-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-line-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-bar-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-composed-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-radar-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-pie-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-radial-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-sankey-chart.json","copy_url":"https://evilcharts.com/r/echarts-sankey-chart.json"},{"name":"recharts-area-chart","title":null,"description":"Area chart component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-area-chart.json","copy_url":"https://evilcharts.com/r/recharts-area-chart.json"},{"name":"recharts-line-chart","title":null,"description":"Line chart component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-line-chart.json","copy_url":"https://evilcharts.com/r/recharts-line-chart.json"},{"name":"recharts-bar-chart","title":null,"description":"Bar chart component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-bar-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-composed-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-pie-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-radial-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-radar-chart.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/recharts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-sankey-chart.json","copy_url":"https://evilcharts.com/r/recharts-sankey-chart.json"},{"name":"ex-hover-highlight-echarts-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hover-highlight-echarts-area-chart.json"},{"name":"ex-echarts-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-area-chart.json"},{"name":"ex-brush-echarts-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-brush-echarts-area-chart.json"},{"name":"ex-buffer-echarts-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-buffer-echarts-area-chart.json"},{"name":"ex-hover-reveal-echarts-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-step-curve-type-echarts-area-chart.json"},{"name":"ex-echarts-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-line-chart.json"},{"name":"ex-gradient-colors-echarts-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-mobile-echarts-line-chart.json"},{"name":"ex-buffer-echarts-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-buffer-echarts-line-chart.json"},{"name":"ex-hover-reveal-echarts-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-legend-horizontal-bar-echarts-line-chart.json"},{"name":"ex-echarts-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-bar-chart.json"},{"name":"ex-buffer-echarts-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-buffer-echarts-bar-chart.json"},{"name":"ex-gradient-colors-echarts-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-chart-config-icons-echarts-bar-chart.json"},{"name":"ex-echarts-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-composed-chart.json"},{"name":"ex-gradient-colors-echarts-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bump-curve-echarts-composed-chart.json"},{"name":"ex-dots-echarts-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dots-echarts-composed-chart.json"},{"name":"ex-hover-highlight-echarts-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hover-highlight-echarts-composed-chart.json"},{"name":"ex-glowing-echarts-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-echarts-composed-chart.json"},{"name":"ex-echarts-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-radar-chart.json"},{"name":"ex-lines-variant-echarts-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-echarts-radar-chart.json"},{"name":"ex-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-pie-chart.json"},{"name":"ex-gradient-colors-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-pie-chart.json"},{"name":"ex-donut-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-donut-echarts-pie-chart.json"},{"name":"ex-padded-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-padded-echarts-pie-chart.json"},{"name":"ex-overlapping-padded-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-overlapping-padded-echarts-pie-chart.json"},{"name":"ex-labels-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-labels-echarts-pie-chart.json"},{"name":"ex-loading-state-echarts-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-outside-labels-echarts-pie-chart.json"},{"name":"ex-echarts-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-radial-chart.json"},{"name":"ex-semi-variant-echarts-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-echarts-radial-chart.json"},{"name":"ex-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-echarts-sankey-chart.json"},{"name":"ex-gradient-colors-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-solid-labeled-nodes-echarts-sankey-chart.json"},{"name":"ex-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-area-chart.json","copy_url":"https://evilcharts.com/r/ex-area-chart.json"},{"name":"ex-brush-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-brush-area-chart.json"},{"name":"ex-gradient-colors-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-area-chart.json"},{"name":"ex-gradient-colors-bump-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-bump-area-chart.json"},{"name":"ex-loading-state-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-area-chart.json"},{"name":"ex-default-type-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-default-type-area-chart.json"},{"name":"ex-stacked-type-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-stacked-type-area-chart.json"},{"name":"ex-expanded-type-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-expanded-type-area-chart.json"},{"name":"ex-bump-curve-type-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-monotoney-curve-type-area-chart.json"},{"name":"ex-solid-stroke-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-solid-stroke-area-chart.json"},{"name":"ex-dashed-stroke-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dashed-stroke-area-chart.json"},{"name":"ex-animated-dashed-stroke-area-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hatched-area-variant-area-chart.json"},{"name":"ex-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-line-chart.json","copy_url":"https://evilcharts.com/r/ex-line-chart.json"},{"name":"ex-dot-default-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dot-default-line-chart.json"},{"name":"ex-dot-border-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dot-border-line-chart.json"},{"name":"ex-dot-colored-border-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dot-colored-border-line-chart.json"},{"name":"ex-gradient-colors-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-line-chart.json"},{"name":"ex-gradient-colors-bump-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-bump-line-chart.json"},{"name":"ex-loading-state-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-line-chart.json"},{"name":"ex-bump-curve-type-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-monotoney-curve-type-line-chart.json"},{"name":"ex-solid-stroke-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-solid-stroke-line-chart.json"},{"name":"ex-dashed-stroke-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dashed-stroke-line-chart.json"},{"name":"ex-animated-dashed-stroke-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-line-chart.json"},{"name":"ex-glowing-desktop-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-desktop-line-chart.json"},{"name":"ex-glowing-mobile-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-mobile-line-chart.json"},{"name":"ex-buffer-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-buffer-line-chart.json"},{"name":"ex-bg-dots-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-dots-line-chart.json"},{"name":"ex-bg-grid-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-grid-line-chart.json"},{"name":"ex-bg-cross-hatch-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-diagonal-lines-line-chart.json"},{"name":"ex-bg-plus-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-plus-line-chart.json"},{"name":"ex-bg-falling-triangles-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-wiggle-lines-line-chart.json"},{"name":"ex-bg-bubbles-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bg-bubbles-line-chart.json"},{"name":"ex-buffer-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-buffer-bar-chart.json"},{"name":"ex-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bar-chart.json","copy_url":"https://evilcharts.com/r/ex-bar-chart.json"},{"name":"ex-gradient-colors-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-bar-chart.json"},{"name":"ex-loading-state-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-bar-chart.json"},{"name":"ex-default-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-default-variant-bar-chart.json"},{"name":"ex-hatched-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hatched-variant-bar-chart.json"},{"name":"ex-duotone-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-duotone-variant-bar-chart.json"},{"name":"ex-duotone-reverse-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-duotone-reverse-variant-bar-chart.json"},{"name":"ex-gradient-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-variant-bar-chart.json"},{"name":"ex-stripped-variant-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-stripped-variant-bar-chart.json"},{"name":"ex-stacked-type-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-stacked-type-bar-chart.json"},{"name":"ex-percent-type-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-percent-type-bar-chart.json"},{"name":"ex-horizontal-layout-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-horizontal-layout-bar-chart.json"},{"name":"ex-hover-highlight-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hover-highlight-bar-chart.json"},{"name":"ex-glowing-desktop-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-desktop-bar-chart.json"},{"name":"ex-glowing-mobile-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-mobile-bar-chart.json"},{"name":"ex-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-composed-chart.json","copy_url":"https://evilcharts.com/r/ex-composed-chart.json"},{"name":"ex-gradient-colors-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-composed-chart.json"},{"name":"ex-loading-state-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-composed-chart.json"},{"name":"ex-hatched-variant-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hatched-variant-composed-chart.json"},{"name":"ex-duotone-variant-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-duotone-variant-composed-chart.json"},{"name":"ex-gradient-variant-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-variant-composed-chart.json"},{"name":"ex-stripped-variant-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-stripped-variant-composed-chart.json"},{"name":"ex-dashed-stroke-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dashed-stroke-composed-chart.json"},{"name":"ex-animated-dashed-stroke-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-composed-chart.json"},{"name":"ex-bump-curve-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-bump-curve-composed-chart.json"},{"name":"ex-dots-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-dots-composed-chart.json"},{"name":"ex-hover-highlight-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-hover-highlight-composed-chart.json"},{"name":"ex-glowing-composed-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-composed-chart.json"},{"name":"ex-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-pie-chart.json","copy_url":"https://evilcharts.com/r/ex-pie-chart.json"},{"name":"ex-gradient-colors-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-pie-chart.json"},{"name":"ex-donut-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-donut-pie-chart.json"},{"name":"ex-padded-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-padded-pie-chart.json"},{"name":"ex-overlapping-padded-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-overlapping-padded-pie-chart.json"},{"name":"ex-labels-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-labels-pie-chart.json"},{"name":"ex-loading-state-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-pie-chart.json"},{"name":"ex-glowing-pie-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-pie-chart.json"},{"name":"ex-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-radial-chart.json","copy_url":"https://evilcharts.com/r/ex-radial-chart.json"},{"name":"ex-semi-variant-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-semi-variant-radial-chart.json"},{"name":"ex-gradient-colors-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-radial-chart.json"},{"name":"ex-loading-state-radial-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-radial-chart.json"},{"name":"ex-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-radar-chart.json","copy_url":"https://evilcharts.com/r/ex-radar-chart.json"},{"name":"ex-lines-variant-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-lines-variant-radar-chart.json"},{"name":"ex-circle-grid-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-circle-grid-radar-chart.json"},{"name":"ex-gradient-colors-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-radar-chart.json"},{"name":"ex-loading-state-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-radar-chart.json"},{"name":"ex-glowing-radar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-glowing-radar-chart.json"},{"name":"ex-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-sankey-chart.json","copy_url":"https://evilcharts.com/r/ex-sankey-chart.json"},{"name":"ex-gradient-colors-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-gradient-colors-sankey-chart.json"},{"name":"ex-loading-state-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-loading-state-sankey-chart.json"},{"name":"ex-solid-link-variant-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-source-link-variant-sankey-chart.json"},{"name":"ex-labeled-nodes-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-labeled-nodes-sankey-chart.json"},{"name":"ex-outside-labels-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-outside-labels-sankey-chart.json"},{"name":"ex-solid-labeled-nodes-sankey-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-solid-labeled-nodes-sankey-chart.json"},{"name":"ex-tooltip-default-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-tooltip-default-bar-chart.json"},{"name":"ex-tooltip-frosted-glass-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-tooltip-frosted-glass-bar-chart.json"},{"name":"ex-legend-square-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-legend-square-line-chart.json"},{"name":"ex-legend-circle-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"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","copy_url":"https://evilcharts.com/r/ex-legend-circle-line-chart.json"},{"name":"ex-legend-circle-outline-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-legend-circle-outline-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-circle-outline-line-chart.json","copy_url":"https://evilcharts.com/r/ex-legend-circle-outline-line-chart.json"},{"name":"ex-legend-rounded-square-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-legend-rounded-square-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-rounded-square-line-chart.json","copy_url":"https://evilcharts.com/r/ex-legend-rounded-square-line-chart.json"},{"name":"ex-legend-rounded-square-outline-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-legend-rounded-square-outline-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-rounded-square-outline-line-chart.json","copy_url":"https://evilcharts.com/r/ex-legend-rounded-square-outline-line-chart.json"},{"name":"ex-legend-vertical-bar-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-legend-vertical-bar-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-vertical-bar-line-chart.json","copy_url":"https://evilcharts.com/r/ex-legend-vertical-bar-line-chart.json"},{"name":"ex-legend-horizontal-bar-line-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-legend-horizontal-bar-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-horizontal-bar-line-chart.json","copy_url":"https://evilcharts.com/r/ex-legend-horizontal-bar-line-chart.json"},{"name":"ex-chart-config-default-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-chart-config-default-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-chart-config-default-bar-chart.json","copy_url":"https://evilcharts.com/r/ex-chart-config-default-bar-chart.json"},{"name":"ex-chart-config-icons-bar-chart","title":null,"description":null,"type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-chart-config-icons-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-chart-config-icons-bar-chart.json","copy_url":"https://evilcharts.com/r/ex-chart-config-icons-bar-chart.json"},{"name":"monospace-bar-chart","title":null,"description":"Monospace bar chart component","type":"registry:block","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/monospace-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/monospace-bar-chart.json","copy_url":"https://evilcharts.com/r/monospace-bar-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.vercel.app/registry/exabase","markdown":"https://sh4dcn.vercel.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","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/base.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/base.json","copy_url":"https://exawizards.com/exabase/design/registry/base.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/accordion.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/accordion.json","copy_url":"https://exawizards.com/exabase/design/registry/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/alert.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert.json","copy_url":"https://exawizards.com/exabase/design/registry/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/aspect-ratio.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/autocomplete.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/autocomplete.json","copy_url":"https://exawizards.com/exabase/design/registry/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/avatar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/avatar.json","copy_url":"https://exawizards.com/exabase/design/registry/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/badge.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/badge.json","copy_url":"https://exawizards.com/exabase/design/registry/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/breadcrumb.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/breadcrumb.json","copy_url":"https://exawizards.com/exabase/design/registry/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/button.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.json","copy_url":"https://exawizards.com/exabase/design/registry/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/calendar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/calendar.json","copy_url":"https://exawizards.com/exabase/design/registry/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/card.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/card.json","copy_url":"https://exawizards.com/exabase/design/registry/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/carousel.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/carousel.json","copy_url":"https://exawizards.com/exabase/design/registry/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/chart.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/chart.json","copy_url":"https://exawizards.com/exabase/design/registry/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/checkbox.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/checkbox.json","copy_url":"https://exawizards.com/exabase/design/registry/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/collapsible.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/collapsible.json","copy_url":"https://exawizards.com/exabase/design/registry/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/combobox.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/combobox.json","copy_url":"https://exawizards.com/exabase/design/registry/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/command.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/command.json","copy_url":"https://exawizards.com/exabase/design/registry/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/dialog.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/dialog.json","copy_url":"https://exawizards.com/exabase/design/registry/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/drawer.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/drawer.json","copy_url":"https://exawizards.com/exabase/design/registry/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/empty.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/empty.json","copy_url":"https://exawizards.com/exabase/design/registry/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/field.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/field.json","copy_url":"https://exawizards.com/exabase/design/registry/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/hover-card.json"},{"name":"icon","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/icon.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/icon.json","copy_url":"https://exawizards.com/exabase/design/registry/icon.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/input.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/input.json","copy_url":"https://exawizards.com/exabase/design/registry/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/item.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/item.json","copy_url":"https://exawizards.com/exabase/design/registry/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/kbd.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/kbd.json","copy_url":"https://exawizards.com/exabase/design/registry/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/label.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/label.json","copy_url":"https://exawizards.com/exabase/design/registry/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/menubar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/menubar.json","copy_url":"https://exawizards.com/exabase/design/registry/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/pagination.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/pagination.json","copy_url":"https://exawizards.com/exabase/design/registry/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/popover.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/popover.json","copy_url":"https://exawizards.com/exabase/design/registry/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/progress.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/progress.json","copy_url":"https://exawizards.com/exabase/design/registry/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/resizable.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/resizable.json","copy_url":"https://exawizards.com/exabase/design/registry/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/select.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/select.json","copy_url":"https://exawizards.com/exabase/design/registry/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/separator.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/separator.json","copy_url":"https://exawizards.com/exabase/design/registry/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/sheet.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/sheet.json","copy_url":"https://exawizards.com/exabase/design/registry/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/sidebar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/sidebar.json","copy_url":"https://exawizards.com/exabase/design/registry/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/skeleton.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/skeleton.json","copy_url":"https://exawizards.com/exabase/design/registry/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/slider.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/slider.json","copy_url":"https://exawizards.com/exabase/design/registry/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/spinner.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/spinner.json","copy_url":"https://exawizards.com/exabase/design/registry/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/switch.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/switch.json","copy_url":"https://exawizards.com/exabase/design/registry/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/table.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/table.json","copy_url":"https://exawizards.com/exabase/design/registry/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/tabs.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/tabs.json","copy_url":"https://exawizards.com/exabase/design/registry/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/textarea.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/textarea.json","copy_url":"https://exawizards.com/exabase/design/registry/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/toast.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/toast.json","copy_url":"https://exawizards.com/exabase/design/registry/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/toggle.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle.json","copy_url":"https://exawizards.com/exabase/design/registry/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/tooltip.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/tooltip.json","copy_url":"https://exawizards.com/exabase/design/registry/tooltip.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/use-mobile.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/utils.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/utils.json","copy_url":"https://exawizards.com/exabase/design/registry/utils.json"},{"name":"font-inter","title":"Inter","description":null,"type":"registry:font","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/font-inter.json"},{"name":"font-noto-sans-jp","title":"Noto Sans JP","description":null,"type":"registry:font","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"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","copy_url":"https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json"},{"name":"fonts","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/fonts.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/fonts.json","copy_url":"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","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.vercel.app/registry/extend","markdown":"https://sh4dcn.vercel.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":1271,"open_issues":6,"last_commit":"2026-07-07T19:20:08Z"},"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":55,"components":[{"name":"utils","title":"Utils","description":"Shared class name helper used by Extend UI registry components.","type":"registry:lib","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/utils.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/utils.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/use-mobile.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/use-mobile.json","copy_url":"https://ui.extend.ai/r/use-mobile.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of expandable content panels.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/accordion.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/accordion.json","copy_url":"https://ui.extend.ai/r/accordion.json"},{"name":"alert","title":"Alert","description":"A callout for displaying contextual messages.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/alert.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/alert.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"An autocomplete input built on Base UI primitives.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/autocomplete.json","copy_url":"https://ui.extend.ai/r/autocomplete.json"},{"name":"badge","title":"Badge","description":"A compact label for status, metadata, and categorization.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/badge.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/badge.json","copy_url":"https://ui.extend.ai/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation breadcrumbs for page hierarchy.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/breadcrumb.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/button.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/button.json","copy_url":"https://ui.extend.ai/r/button.json"},{"name":"card","title":"Card","description":"A flexible container primitive for grouped content.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/card.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/card.json","copy_url":"https://ui.extend.ai/r/card.json"},{"name":"collapsible","title":"Collapsible","description":"A disclosure primitive for expandable content.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/collapsible.json","copy_url":"https://ui.extend.ai/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"A compact popover color picker with hex, RGB, CSS, and HSL input formats.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/color-picker.json"},{"name":"command","title":"Command","description":"A command menu surface powered by cmdk.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/command.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/command.json","copy_url":"https://ui.extend.ai/r/command.json"},{"name":"dialog","title":"Dialog","description":"An accessible modal dialog built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/dialog.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/dialog.json","copy_url":"https://ui.extend.ai/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A dropdown menu built on Base UI menu primitives.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"A styled text input built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/input.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/input.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/group.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/group.json","copy_url":"https://ui.extend.ai/r/group.json"},{"name":"kbd","title":"Kbd","description":"A keyboard shortcut display primitive.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/kbd.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/kbd.json","copy_url":"https://ui.extend.ai/r/kbd.json"},{"name":"popover","title":"Popover","description":"A floating popover built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/popover.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/popover.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/scroll-area.json"},{"name":"select","title":"Select","description":"A select control built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/select.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/select.json","copy_url":"https://ui.extend.ai/r/select.json"},{"name":"separator","title":"Separator","description":"A visual separator built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/separator.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/separator.json","copy_url":"https://ui.extend.ai/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A side sheet built on Base UI dialog primitives.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/sheet.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sheet.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sidebar.json","copy_url":"https://ui.extend.ai/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A loading placeholder with shimmer animation.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/skeleton.json","copy_url":"https://ui.extend.ai/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"A themed toast provider for Sonner.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/sonner.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sonner.json","copy_url":"https://ui.extend.ai/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"A compact loading spinner using Hugeicons.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/spinner.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/spinner.json","copy_url":"https://ui.extend.ai/r/spinner.json"},{"name":"tabs","title":"Tabs","description":"A tabs primitive built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/tabs.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/tabs.json","copy_url":"https://ui.extend.ai/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip primitive built on Base UI.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/tooltip.json","copy_url":"https://ui.extend.ai/r/tooltip.json"},{"name":"toggle","title":"Toggle","description":"A two-state command button and grouped toggle controls.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/toggle.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/toggle.json","copy_url":"https://ui.extend.ai/r/toggle.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel primitives using react-resizable-panels.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/resizable.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/resizable.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/pdf-viewer.json"},{"name":"docx-viewer","title":"DOCX Viewer","description":"A DOCX viewer with upload, zoom, theme controls, and read-only rendering.","type":"registry:ui","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/pdf-dropzone.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-dropzone.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/e-signature.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/e-signature.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.extend.ai/r/excel-editor.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/excel-editor.json","copy_url":"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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"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","copy_url":"https://ui.extend.ai/r/docx-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","tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.extend.ai/r/document-viewer-sidebar.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.vercel.app/registry/fab-ui","markdown":"https://sh4dcn.vercel.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":53,"open_issues":11,"last_commit":"2026-07-07T12:01:33Z"},"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/accordion.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/accordion.json","copy_url":"https://fab-ui.com/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/alert-dialog.json","copy_url":"https://fab-ui.com/r/alert-dialog.json"},{"name":"autocomplete","title":"Autocomplete","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/autocomplete.json","copy_url":"https://fab-ui.com/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/avatar.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/avatar.json","copy_url":"https://fab-ui.com/r/avatar.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/badge.json","copy_url":"https://fab-ui.com/r/badge.json"},{"name":"button","title":"Button","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/button.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/button.json","copy_url":"https://fab-ui.com/r/button.json"},{"name":"card","title":"Card","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/card.json","copy_url":"https://fab-ui.com/r/card.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/checkbox.json","copy_url":"https://fab-ui.com/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/checkbox-group.json","copy_url":"https://fab-ui.com/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/collapsible.json","copy_url":"https://fab-ui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/combobox.json","copy_url":"https://fab-ui.com/r/combobox.json"},{"name":"context-menu","title":"Context Menu","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/context-menu.json","copy_url":"https://fab-ui.com/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/dialog.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/dialog.json","copy_url":"https://fab-ui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/drawer.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/drawer.json","copy_url":"https://fab-ui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/dropdown-menu.json","copy_url":"https://fab-ui.com/r/dropdown-menu.json"},{"name":"field","title":"Field","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/field.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/field.json","copy_url":"https://fab-ui.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/fieldset.json","copy_url":"https://fab-ui.com/r/fieldset.json"},{"name":"form","title":"Form","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/form.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/form.json","copy_url":"https://fab-ui.com/r/form.json"},{"name":"input","title":"Input","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/input.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/input.json","copy_url":"https://fab-ui.com/r/input.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/input-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/input-group.json","copy_url":"https://fab-ui.com/r/input-group.json"},{"name":"label","title":"Label","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/label.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/label.json","copy_url":"https://fab-ui.com/r/label.json"},{"name":"liquid-metal-avatar","title":"Liquid Metal Avatar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"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","copy_url":"https://fab-ui.com/r/liquid-metal-avatar.json"},{"name":"liquid-metal-button","title":"Liquid Metal Button","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"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","copy_url":"https://fab-ui.com/r/liquid-metal-button.json"},{"name":"liquid-metal-card","title":"Liquid Metal Card","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"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","copy_url":"https://fab-ui.com/r/liquid-metal-card.json"},{"name":"mesh-gradient-card","title":"Mesh Gradient Card","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"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","copy_url":"https://fab-ui.com/r/mesh-gradient-card.json"},{"name":"meter","title":"Meter","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/meter.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/meter.json","copy_url":"https://fab-ui.com/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/navigation-menu.json","copy_url":"https://fab-ui.com/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/number-field.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/number-field.json","copy_url":"https://fab-ui.com/r/number-field.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/popover.json","copy_url":"https://fab-ui.com/r/popover.json"},{"name":"hover-card","title":"Hover Card","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/hover-card.json","copy_url":"https://fab-ui.com/r/hover-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/progress.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/progress.json","copy_url":"https://fab-ui.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/radio-group.json","copy_url":"https://fab-ui.com/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/scroll-area.json","copy_url":"https://fab-ui.com/r/scroll-area.json"},{"name":"select","title":"Select","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/select.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/select.json","copy_url":"https://fab-ui.com/r/select.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/separator.json","copy_url":"https://fab-ui.com/r/separator.json"},{"name":"slider","title":"Slider","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/slider.json","copy_url":"https://fab-ui.com/r/slider.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/switch.json","copy_url":"https://fab-ui.com/r/switch.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/tabs.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/tabs.json","copy_url":"https://fab-ui.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/textarea.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/textarea.json","copy_url":"https://fab-ui.com/r/textarea.json"},{"name":"toggle-group","title":"Toggle Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toggle-group.json","copy_url":"https://fab-ui.com/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toggle.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toggle.json","copy_url":"https://fab-ui.com/r/toggle.json"},{"name":"toolbar","title":"Toolbar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toolbar.json","copy_url":"https://fab-ui.com/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/tooltip.json","copy_url":"https://fab-ui.com/r/tooltip.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/utils.json","copy_url":"https://fab-ui.com/r/utils.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","maps"],"categories":["Maps"],"labels":[],"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.vercel.app/registry/flightcn","markdown":"https://sh4dcn.vercel.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":129,"open_issues":0,"last_commit":"2026-05-04T01:02:47Z"},"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":2,"components":[{"name":"flight","title":"Flight","description":"A flight route visualization component with airport markers, great-circle arc lines, and a built-in 515-airport database.","type":"registry:ui","tags":["3d","aesthetic","ai","animation","charts","maps"],"categories":["Maps"],"source_url":"https://flightcn.yencheng.dev/r/flight.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/flight.json","copy_url":"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","tags":["3d","aesthetic","ai","animation","charts","maps"],"categories":["Maps"],"source_url":"https://flightcn.yencheng.dev/r/satellite.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/satellite.json","copy_url":"https://flightcn.yencheng.dev/r/satellite.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":["recently-updated"],"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.vercel.app/registry/flowui","markdown":"https://sh4dcn.vercel.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":7,"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"https://flowui-registry.vercel.app/r/copy-button.json"},{"name":"file-select","title":"File Select","description":"A customized file selection component.","type":"registry:component","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"https://flowui-registry.vercel.app/r/slider-captcha.json"},{"name":"speaker","title":"Speaker","description":"A text-to-speech speaker button component.","type":"registry:component","tags":["auth","buttons","forms","media"],"categories":["Forms"],"source_url":"https://flowui-registry.vercel.app/r/speaker.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/speaker.json","copy_url":"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","tags":["auth","buttons","forms","media"],"categories":["Forms"],"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","copy_url":"https://flowui-registry.vercel.app/r/text-divider.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.vercel.app/registry/flowkit-ui","markdown":"https://sh4dcn.vercel.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":10,"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","tags":["accessibility","components","design-system","forms","hooks","tables"],"categories":["Niche/single-purpose"],"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","copy_url":"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","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"labels":["featured","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.vercel.app/registry/fluid","markdown":"https://sh4dcn.vercel.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":561,"open_issues":8,"last_commit":"2026-07-06T23:51:54Z"},"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":53,"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surfaces.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surfaces.json","copy_url":"https://www.fluidfunctionalism.com/r/surfaces.json"},{"name":"utils","title":"Utilities","description":"Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.","type":"registry:lib","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/utils.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/utils.json","copy_url":"https://www.fluidfunctionalism.com/r/utils.json"},{"name":"springs","title":"Spring Animations","description":"Spring animation token presets for Framer Motion (fast, moderate, slow).","type":"registry:lib","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/springs.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/springs.json","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/font-weight.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/font-weight.json","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surface-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surface-context.json","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surface-classes.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surface-classes.json","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/elevated.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/elevated.json","copy_url":"https://www.fluidfunctionalism.com/r/elevated.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/shape-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/shape-context.json","copy_url":"https://www.fluidfunctionalism.com/r/shape-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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/icon-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icon-context.json","copy_url":"https://www.fluidfunctionalism.com/r/icon-context.json"},{"name":"use-proximity-hover","title":"useProximityHover","description":"React hook for proximity-based hover detection. Tracks the closest item to the mouse cursor within a container, enabling smooth animated background indicators.","type":"registry:hook","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/use-proximity-hover.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/use-proximity-hover.json","copy_url":"https://www.fluidfunctionalism.com/r/use-proximity-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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.fluidfunctionalism.com/r/use-touch-primary.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.fluidfunctionalism.com/r/use-merge-split.json"},{"name":"accordion","title":"Accordion","description":"Collapsible accordion with animated height transitions, spring-animated chevron, and proximity hover in grouped mode. Built on Radix UI Accordion.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/accordion.json","copy_url":"https://www.fluidfunctionalism.com/r/accordion.json"},{"name":"accordion-base","title":"Accordion (Base UI)","description":"Collapsible accordion with animated height transitions, spring-animated chevron, and proximity hover in grouped mode. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/accordion-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/accordion-base.json","copy_url":"https://www.fluidfunctionalism.com/r/accordion-base.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, proximity-based hover,…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/badge.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/badge.json","copy_url":"https://www.fluidfunctionalism.com/r/badge.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/button.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/button.json","copy_url":"https://www.fluidfunctionalism.com/r/button.json"},{"name":"button-base","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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/button-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/button-base.json","copy_url":"https://www.fluidfunctionalism.com/r/button-base.json"},{"name":"dropdown","title":"Dropdown","description":"Dropdown menu with proximity hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-sel…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dropdown.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dropdown.json","copy_url":"https://www.fluidfunctionalism.com/r/dropdown.json"},{"name":"dropdown-base","title":"Dropdown","description":"Dropdown menu with proximity hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-sel…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dropdown-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dropdown-base.json","copy_url":"https://www.fluidfunctionalism.com/r/dropdown-base.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Animated checkbox group with proximity hover, contiguous selection merging, and spring-animated check marks. Built on Radix UI Checkbox.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/checkbox-group.json"},{"name":"checkbox-group-base","title":"Checkbox Group (Base UI)","description":"Animated checkbox group with proximity hover, contiguous selection merging, and spring-animated check marks. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/checkbox-group-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/checkbox-group-base.json","copy_url":"https://www.fluidfunctionalism.com/r/checkbox-group-base.json"},{"name":"radio-group","title":"Radio Group","description":"Animated radio group with proximity hover, spring-animated selection dot, and optional Radix UI integration. Supports both controlled index and value-based API…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/radio-group.json"},{"name":"radio-group-base","title":"Radio Group (Base UI)","description":"Animated radio group with proximity hover, spring-animated selection dot. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/radio-group-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/radio-group-base.json","copy_url":"https://www.fluidfunctionalism.com/r/radio-group-base.json"},{"name":"dialog","title":"Dialog","description":"Animated modal dialog with spring-based scale and opacity transitions. Built on Radix UI Dialog with overlay, header, footer, title, and description sub-compon…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dialog.json","copy_url":"https://www.fluidfunctionalism.com/r/dialog.json"},{"name":"dialog-base","title":"Dialog (Base UI)","description":"Animated modal dialog with spring-based scale and opacity transitions. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dialog-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dialog-base.json","copy_url":"https://www.fluidfunctionalism.com/r/dialog-base.json"},{"name":"mobile-drawer","title":"Mobile Drawer","description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/mobile-drawer.json"},{"name":"mobile-drawer-base","title":"Mobile Drawer","description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/mobile-drawer-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/mobile-drawer-base.json","copy_url":"https://www.fluidfunctionalism.com/r/mobile-drawer-base.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/input-copy.json"},{"name":"input-group","title":"Input Group","description":"Grouped input fields with proximity-based highlighting, animated label transitions, optional icons, and error states.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/file-thumbnail.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/chat-message.json"},{"name":"tabs-subtle","title":"Tabs Subtle","description":"Horizontal tab navigation with proximity hover, animated pill selection indicator, and fluid font-weight transitions. Radix flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/tabs-subtle.json"},{"name":"tabs-subtle-base","title":"Tabs Subtle","description":"Horizontal tab navigation with proximity hover, animated pill selection indicator, and fluid font-weight transitions. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs-subtle-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tabs-subtle-base.json","copy_url":"https://www.fluidfunctionalism.com/r/tabs-subtle-base.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/switch.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/switch.json","copy_url":"https://www.fluidfunctionalism.com/r/switch.json"},{"name":"switch-base","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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/switch-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/switch-base.json","copy_url":"https://www.fluidfunctionalism.com/r/switch-base.json"},{"name":"table","title":"Table","description":"Animated table with proximity-based row hover highlighting and fluid border transitions. Includes TableHeader, TableBody, TableRow, TableHead, and TableCell su…","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/table.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/table.json","copy_url":"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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/card.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/card.json","copy_url":"https://www.fluidfunctionalism.com/r/card.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/slider.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/slider.json","copy_url":"https://www.fluidfunctionalism.com/r/slider.json"},{"name":"slider-base","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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/slider-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/slider-base.json","copy_url":"https://www.fluidfunctionalism.com/r/slider-base.json"},{"name":"tabs","title":"Tabs","description":"Segmented control tabs with sliding active indicator, proximity hover, and spring animations. Built on Radix UI Tabs.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tabs.json","copy_url":"https://www.fluidfunctionalism.com/r/tabs.json"},{"name":"tabs-base","title":"Tabs (Base UI)","description":"Segmented control tabs with sliding active indicator, proximity hover, and spring animations. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tabs-base.json","copy_url":"https://www.fluidfunctionalism.com/r/tabs-base.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/thinking-indicator.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/scroll-area.json"},{"name":"scroll-area-base","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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/scroll-area-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/scroll-area-base.json","copy_url":"https://www.fluidfunctionalism.com/r/scroll-area-base.json"},{"name":"select","title":"Select","description":"Animated select menu with collision-aware positioning, typeahead, proximity hover, spring-animated popover, and animated checkmark. Radix flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/select.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/select.json","copy_url":"https://www.fluidfunctionalism.com/r/select.json"},{"name":"select-base","title":"Select","description":"Animated select menu with collision-aware positioning, typeahead, proximity hover, spring-animated popover, and animated checkmark. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/select-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/select-base.json","copy_url":"https://www.fluidfunctionalism.com/r/select-base.json"},{"name":"tooltip","title":"Tooltip","description":"Floating tooltip with spring-based animations, configurable placement, and rich content support.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tooltip.json","copy_url":"https://www.fluidfunctionalism.com/r/tooltip.json"},{"name":"tooltip-base","title":"Tooltip (Base UI)","description":"Floating tooltip with spring-based animations, configurable placement, and rich content support. Base UI flavor.","type":"registry:ui","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tooltip-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tooltip-base.json","copy_url":"https://www.fluidfunctionalism.com/r/tooltip-base.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"https://www.fluidfunctionalism.com/r/thinking-steps.json"},{"name":"thinking-steps-base","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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/thinking-steps-base.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/thinking-steps-base.json","copy_url":"https://www.fluidfunctionalism.com/r/thinking-steps-base.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","tags":["aesthetic","ai","animation","buttons","cards","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat 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","copy_url":"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.vercel.app/registry/flx","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":27,"open_issues":0,"last_commit":"2026-07-07T22:21:13Z"},"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://ui.flexnative.com/r/bento-grids-01.json"},{"name":"carousel-01","title":"Carousel 01","description":"Auto-scroll carousel that pauses on item hover and reveals title.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/carousel-01.json","copy_url":"https://ui.flexnative.com/r/carousel-01.json"},{"name":"carousel-03","title":"Carousel 03","description":"A carousel of cards with a title and description.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/carousel-03.json","copy_url":"https://ui.flexnative.com/r/carousel-03.json"},{"name":"carousel-02","title":"Carousel 02","description":"A carousel of media with a title and description.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/carousel-02.json","copy_url":"https://ui.flexnative.com/r/carousel-02.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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-06.json","copy_url":"https://ui.flexnative.com/r/content-06.json"},{"name":"content-09","title":"Content 09","description":"Two-column icon card grid with serif section header and subtle entrance motion.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-09.json","copy_url":"https://ui.flexnative.com/r/content-09.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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-07.json","copy_url":"https://ui.flexnative.com/r/content-07.json"},{"name":"content-05","title":"Content 05","description":"A focus grid with items that can be focused and dimmed.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-05.json","copy_url":"https://ui.flexnative.com/r/content-05.json"},{"name":"content-01","title":"Content 01","description":"List of items: select one to reveal its description and media.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-01.json","copy_url":"https://ui.flexnative.com/r/content-01.json"},{"name":"content-04","title":"Content 04","description":"Two-column card grid with a serif section header, copy above each image, and subtle entrance motion.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-04.json","copy_url":"https://ui.flexnative.com/r/content-04.json"},{"name":"cta-01","title":"Call to Action 01","description":"A centered text block with a title, description, and CTA.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/cta-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/cta-01.json","copy_url":"https://ui.flexnative.com/r/cta-01.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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-13.json","copy_url":"https://ui.flexnative.com/r/hero-13.json"},{"name":"logos-01","title":"Logos 01","description":"Logo carousel with auto-scroll, edge gradient and minimalist style.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/logos-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/logos-01.json","copy_url":"https://ui.flexnative.com/r/logos-01.json"},{"name":"scroll-01","title":"Scroll 01","description":"Sticky media that changes as you scroll through text content.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/scroll-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/scroll-01.json","copy_url":"https://ui.flexnative.com/r/scroll-01.json"},{"name":"cta","title":"CTA (Call to Action)","description":"Shared CTA component with link and button variant","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/cta.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/cta.json","copy_url":"https://ui.flexnative.com/r/cta.json"},{"name":"dynamic-icon","title":"Dynamic Icon","description":"A dynamic icon component with a name and size.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dynamic-icon.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dynamic-icon.json","copy_url":"https://ui.flexnative.com/r/dynamic-icon.json"},{"name":"testimonials-01","title":"Testimonials 01","description":"A single testimonial with quote, avatar, author name and role.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/testimonials-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/testimonials-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-02.json","copy_url":"https://ui.flexnative.com/r/accordion-02.json"},{"name":"accordion-03","title":"With icons","description":"Leading icon beside each trigger label.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-03.json","copy_url":"https://ui.flexnative.com/r/accordion-03.json"},{"name":"accordion-04","title":"FAQ","description":"A titled question-and-answer list.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-10.json","copy_url":"https://ui.flexnative.com/r/accordion-10.json"},{"name":"accordion-11","title":"Nested","description":"An accordion rendered inside another panel body.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-15.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-16.json","copy_url":"https://ui.flexnative.com/r/accordion-16.json"},{"name":"avatar-01","title":"Basic","description":"Image avatar with an initials fallback.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-01.json","copy_url":"https://ui.flexnative.com/r/avatar-01.json"},{"name":"avatar-02","title":"Fallback initials","description":"Missing image falls back to initials.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-04.json","copy_url":"https://ui.flexnative.com/r/avatar-04.json"},{"name":"avatar-05","title":"Colored fallback","description":"Tinted initials fallbacks using semantic tokens.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-08.json","copy_url":"https://ui.flexnative.com/r/avatar-08.json"},{"name":"avatar-09","title":"Group","description":"Overlapping AvatarGroup stack of members.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-11.json","copy_url":"https://ui.flexnative.com/r/avatar-11.json"},{"name":"avatar-12","title":"Loading skeleton","description":"Skeleton placeholder while the avatar loads.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-13.json","copy_url":"https://ui.flexnative.com/r/avatar-13.json"},{"name":"badge-01","title":"Basic","description":"A single default badge.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-02.json","copy_url":"https://ui.flexnative.com/r/badge-02.json"},{"name":"badge-03","title":"With icon","description":"Leading verified icon before the label.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-05.json","copy_url":"https://ui.flexnative.com/r/badge-05.json"},{"name":"badge-06","title":"Count","description":"Pill-shaped numeric counts with tabular figures.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-09.json","copy_url":"https://ui.flexnative.com/r/badge-09.json"},{"name":"badge-10","title":"Sizes","description":"Small, default, and large sizes via className.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-11.json","copy_url":"https://ui.flexnative.com/r/badge-11.json"},{"name":"badge-12","title":"Icon only","description":"Round icon-only badges across variants.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-13.json","copy_url":"https://ui.flexnative.com/r/badge-13.json"},{"name":"banner-01","title":"Basic","description":"Icon, message, and a subtle bordered surface.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-01.json","copy_url":"https://ui.flexnative.com/r/banner-01.json"},{"name":"banner-02","title":"Variants","description":"Info, success, warning, and error tones stacked.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-06.json","copy_url":"https://ui.flexnative.com/r/banner-06.json"},{"name":"banner-07","title":"Expandable","description":"Collapsible release notes that reveal highlights.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/banner-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-03.json","copy_url":"https://ui.flexnative.com/r/breadcrumb-03.json"},{"name":"breadcrumb-04","title":"Dot separator","description":"Lighter middle dot divider between crumbs.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/breadcrumb-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-09.json","copy_url":"https://ui.flexnative.com/r/breadcrumb-09.json"},{"name":"button-01","title":"Basic","description":"Default button with text label.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-02.json","copy_url":"https://ui.flexnative.com/r/button-02.json"},{"name":"button-03","title":"Sizes","description":"Extra small, small, default, and large sizes.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-15.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-16.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-17.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-18.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-20.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-20.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-21.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-21.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-22.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-22.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-23.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-23.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-24.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-24.json","copy_url":"https://ui.flexnative.com/r/button-24.json"},{"name":"button-25","title":"Destructive pair","description":"Cancel + Delete spaced action pair.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-25.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-25.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-26.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-26.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/button-27.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-27.json","copy_url":"https://ui.flexnative.com/r/button-27.json"},{"name":"card-01","title":"Basic","description":"Header, action, content, and a bordered footer.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/card-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-14.json","copy_url":"https://ui.flexnative.com/r/card-14.json"},{"name":"checkbox-01","title":"Basic","description":"Single checkbox with a label.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-02.json","copy_url":"https://ui.flexnative.com/r/checkbox-02.json"},{"name":"checkbox-03","title":"Disabled","description":"Disabled unchecked and disabled checked states.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/checkbox-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/collapsible-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-15.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/command-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-05.json","copy_url":"https://ui.flexnative.com/r/dialog-05.json"},{"name":"dialog-06","title":"Sticky header","description":"Header fixed; scrollable changelog-style body.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-11.json","copy_url":"https://ui.flexnative.com/r/dialog-11.json"},{"name":"dialog-12","title":"Success","description":"Completion check icon and Continue action.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-13.json","copy_url":"https://ui.flexnative.com/r/dialog-13.json"},{"name":"dialog-14","title":"Settings sections","description":"Notifications and Security blocks via Separator.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-14.json","copy_url":"https://ui.flexnative.com/r/dialog-14.json"},{"name":"dialog-15","title":"Choose image","description":"Thumbnail grid with selection ring.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-15.json","copy_url":"https://ui.flexnative.com/r/dialog-15.json"},{"name":"dialog-16","title":"Invite team","description":"Icon header plus email field.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-16.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-17.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-18.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-19.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-20.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-20.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-21.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-21.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dialog-22.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-22.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-02.json","copy_url":"https://ui.flexnative.com/r/dropdown-02.json"},{"name":"dropdown-03","title":"Grouped","description":"Multiple labeled groups divided by separators.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-15.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-16.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-17.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-18.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dropdown-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-19.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/empty-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-01.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/empty-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/empty-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/empty-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/empty-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-01.json","copy_url":"https://ui.flexnative.com/r/input-01.json"},{"name":"input-02","title":"With Addon","description":"Input with trailing search icon addon.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-11.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-12.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-13.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-14.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-16.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-15.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/input-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-17.json","copy_url":"https://ui.flexnative.com/r/input-17.json"},{"name":"item-02","title":"Basic","description":"Title plus supporting description.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-02.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-03.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-04.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-05.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-06.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-07.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-08.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-09.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-10.json","copy_url":"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","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-11.json","copy_url":"https://ui.flexnative.com/r/item-11.json"},{"name":"item-12","title":"User list","description":"Avatars with name, role, and Follow action per row.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-12.json","copy_url":"https://ui.flexnative.com/r/item-12.json"},{"name":"item-13","title":"Notifications","description":"Leading icon, title with an unread dot indicator, and a trailing timestamp.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-13.json","copy_url":"https://ui.flexnative.com/r/item-13.json"},{"name":"item-14","title":"File list","description":"File icon, name, size metadata, and a trailing overflow menu with actions per row.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-14.json","copy_url":"https://ui.flexnative.com/r/item-14.json"},{"name":"item-15","title":"Settings row","description":"Title and description with a trailing Switch.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-15.json","copy_url":"https://ui.flexnative.com/r/item-15.json"},{"name":"item-16","title":"Integrations","description":"Brand icon, status badge in title, connect Switch.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-16.json","copy_url":"https://ui.flexnative.com/r/item-16.json"},{"name":"item-17","title":"Stat rows","description":"Stacked KPI rows with label, value, and trend delta.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-17.json","copy_url":"https://ui.flexnative.com/r/item-17.json"},{"name":"item-18","title":"Pricing tiers","description":"Stacked tier rows with Popular badge, price, and CTA button.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-18.json","copy_url":"https://ui.flexnative.com/r/item-18.json"},{"name":"item-19","title":"Activity feed","description":"Icon timeline rows with relative time footer.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-19.json","copy_url":"https://ui.flexnative.com/r/item-19.json"},{"name":"item-20","title":"In dropdown menu","description":"Compact user avatar and email placed at the top of a dropdown menu.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-20.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-20.json","copy_url":"https://ui.flexnative.com/r/item-20.json"},{"name":"item-21","title":"In popover","description":"File rows with image thumbnails displayed inside a floating popover panel.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-21.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-21.json","copy_url":"https://ui.flexnative.com/r/item-21.json"},{"name":"item-24","title":"Empty team","description":"Overlapping avatar stack above an empty-state message with an invite button.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/item-24.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-24.json","copy_url":"https://ui.flexnative.com/r/item-24.json"},{"name":"pagination-01","title":"Basic","description":"Numbers with ellipsis, previous, and next links.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/pagination-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/pagination-01.json","copy_url":"https://ui.flexnative.com/r/pagination-01.json"},{"name":"pagination-02","title":"Compact","description":"Inline numbers from sm up, \"Page X of Y\" on mobile.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/pagination-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/pagination-02.json","copy_url":"https://ui.flexnative.com/r/pagination-02.json"},{"name":"pagination-03","title":"Interactive window","description":"Stateful current page with a sliding ellipsis range.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/pagination-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/pagination-03.json","copy_url":"https://ui.flexnative.com/r/pagination-03.json"},{"name":"pagination-04","title":"Rows per page","description":"Page-size select with first, prev, next, and last.","type":"registry:block","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/pagination-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/pagination-04.json","copy_url":"https://ui.flexnative.com/r/pagination-04.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.vercel.app/registry/fonttrio","markdown":"https://sh4dcn.vercel.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":431,"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","saas","text-effects"],"categories":["Animated components"],"labels":["featured"],"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.vercel.app/registry/forgeui","markdown":"https://sh4dcn.vercel.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/ogimage-forgeui.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":183,"open_issues":3,"last_commit":"2026-06-14T16:00:57Z"},"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":28,"components":[{"name":"animated-form","title":"Animated Form","description":"Animated form mimicking account creation with progressive name/password animation and completion checkmarks.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-form.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-form.json","copy_url":"https://forgeui.in/r/animated-form.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"witch tabs smoothly with motion-based underline or highlight effects.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-tabs.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-tabs.json","copy_url":"https://forgeui.in/r/animated-tabs.json"},{"name":"animated-otp","title":"Animated OTP","description":"Looping animated OTP input with glowing digit transitions to simulate secure, timed authentication flow.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-otp.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-otp.json","copy_url":"https://forgeui.in/r/animated-otp.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/bot-detection.json","install_command":"npx shadcn@latest add https://forgeui.in/r/bot-detection.json","copy_url":"https://forgeui.in/r/bot-detection.json"},{"name":"expandable-card","title":"Expandable Card","description":"Interactive UI component to expand cards with smooth animations and detailed content using layout transitions.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/expandable-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/expandable-card.json","copy_url":"https://forgeui.in/r/expandable-card.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/framework-agnostic.json","install_command":"npx shadcn@latest add https://forgeui.in/r/framework-agnostic.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/fraud-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/fraud-card.json","copy_url":"https://forgeui.in/r/fraud-card.json"},{"name":"notification-center","title":"Notification Center","description":"Beautifully animated mobile UI showcasing notifications with hover-triggered transitions and customizable content blocks.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/notification-center.json","install_command":"npx shadcn@latest add https://forgeui.in/r/notification-center.json","copy_url":"https://forgeui.in/r/notification-center.json"},{"name":"notification-panel","title":"Notification Panel","description":"A collapsible notification panel displaying recent alerts with icons, timestamps, and smooth animated transitions.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/notification-panel.json","install_command":"npx shadcn@latest add https://forgeui.in/r/notification-panel.json","copy_url":"https://forgeui.in/r/notification-panel.json"},{"name":"onboard-card","title":"Onboard Card","description":"Animated onboarding progress card showing three steps with visual loaders, transitions, and completion indicators.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/onboard-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/onboard-card.json","copy_url":"https://forgeui.in/r/onboard-card.json"},{"name":"security-card","title":"Security Card","description":"Dynamic security identity card with animated verification, glowing avatar outline, and infinite character scramble stream.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/security-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/security-card.json","copy_url":"https://forgeui.in/r/security-card.json"},{"name":"social-card","title":"Social Card","description":"An animated profile card showing name, avatar, and social links on hover.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/social-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/social-card.json","copy_url":"https://forgeui.in/r/social-card.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/stats-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/stats-card.json","copy_url":"https://forgeui.in/r/stats-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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/spectrum-switcher.json","install_command":"npx shadcn@latest add https://forgeui.in/r/spectrum-switcher.json","copy_url":"https://forgeui.in/r/spectrum-switcher.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-reveal.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-reveal.json","copy_url":"https://forgeui.in/r/text-reveal.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-morph.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-morph.json","copy_url":"https://forgeui.in/r/text-morph.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-shimmer.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-shimmer.json","copy_url":"https://forgeui.in/r/text-shimmer.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/stack-ripple.json","install_command":"npx shadcn@latest add https://forgeui.in/r/stack-ripple.json","copy_url":"https://forgeui.in/r/stack-ripple.json"},{"name":"vault-lock","title":"Vault Lock","description":"Animated vault showcasing secure password input with motion effects and interactive hover-based unlock behavior.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/vault-lock.json","install_command":"npx shadcn@latest add https://forgeui.in/r/vault-lock.json","copy_url":"https://forgeui.in/r/vault-lock.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/cloudscape.json","install_command":"npx shadcn@latest add https://forgeui.in/r/cloudscape.json","copy_url":"https://forgeui.in/r/cloudscape.json"},{"name":"lumadrift","title":"Lumadrift","description":"A WebGL-powered animated gradient that produces smooth, flowing light patterns using procedural noise and color blending.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/lumadrift.json","install_command":"npx shadcn@latest add https://forgeui.in/r/lumadrift.json","copy_url":"https://forgeui.in/r/lumadrift.json"},{"name":"cosmicrift","title":"Cosmicrift","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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/cosmicrift.json","install_command":"npx shadcn@latest add https://forgeui.in/r/cosmicrift.json","copy_url":"https://forgeui.in/r/cosmicrift.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/chromatic-fluid.json","install_command":"npx shadcn@latest add https://forgeui.in/r/chromatic-fluid.json","copy_url":"https://forgeui.in/r/chromatic-fluid.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/velora.json","install_command":"npx shadcn@latest add https://forgeui.in/r/velora.json","copy_url":"https://forgeui.in/r/velora.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/velaris.json","install_command":"npx shadcn@latest add https://forgeui.in/r/velaris.json","copy_url":"https://forgeui.in/r/velaris.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/auralis.json","install_command":"npx shadcn@latest add https://forgeui.in/r/auralis.json","copy_url":"https://forgeui.in/r/auralis.json"},{"name":"nebulore","title":"Nebulore","description":"A WebGL-powered animated nebula background featuring flowing aurora ribbons, domain-warped simplex noise, and customizable color glow with film grain.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/nebulore.json","install_command":"npx shadcn@latest add https://forgeui.in/r/nebulore.json","copy_url":"https://forgeui.in/r/nebulore.json"},{"name":"noctylis","title":"Noctylis","description":"A WebGL-powered nocturnal glow background featuring chained simplex noise layers, soft violet light blooms, vignette, and film grain.","type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","saas","text-effects"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/noctylis.json","install_command":"npx shadcn@latest add https://forgeui.in/r/noctylis.json","copy_url":"https://forgeui.in/r/noctylis.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.vercel.app/registry/formcn","markdown":"https://sh4dcn.vercel.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":491,"open_issues":10,"last_commit":"2026-06-13T10:15:08Z"},"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","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://formcn.dev/r/tag-input.json","copy_url":"https://formcn.dev/r/tag-input.json"},{"name":"password","title":"Password","description":"Password input with show/hide toggle","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/password.json","install_command":"npx shadcn@latest add https://formcn.dev/r/password.json","copy_url":"https://formcn.dev/r/password.json"},{"name":"multi-select","title":"Multi-select","description":"Multi-select dropdown","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://formcn.dev/r/multi-select.json","copy_url":"https://formcn.dev/r/multi-select.json"},{"name":"rating","title":"Rating","description":"Rating component","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/rating.json","install_command":"npx shadcn@latest add https://formcn.dev/r/rating.json","copy_url":"https://formcn.dev/r/rating.json"},{"name":"file-upload","title":"File Input","description":"File upload component","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://formcn.dev/r/file-upload.json","copy_url":"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","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/use-file-upload.json","install_command":"npx shadcn@latest add https://formcn.dev/r/use-file-upload.json","copy_url":"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","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"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","copy_url":"https://formcn.dev/r/use-multi-step-viewer.json"},{"name":"multi-step-viewer","title":"Multi-step form","description":"Multi-step form","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/multi-step-viewer.json","install_command":"npx shadcn@latest add https://formcn.dev/r/multi-step-viewer.json","copy_url":"https://formcn.dev/r/multi-step-viewer.json"},{"name":"stepper","title":"Stepper","description":"Stepper component","type":"registry:component","tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"source_url":"https://formcn.dev/r/stepper.json","install_command":"npx shadcn@latest add https://formcn.dev/r/stepper.json","copy_url":"https://formcn.dev/r/stepper.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","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","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.vercel.app/registry/framecn","markdown":"https://sh4dcn.vercel.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='currentColor' 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":101,"open_issues":1,"last_commit":"2026-07-06T11:34:07Z"},"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":101,"components":[{"name":"blur-reveal","title":"Blur Reveal","description":"Text fades in from a heavy blur into sharp focus.","type":"registry:component","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/blur-reveal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/blur-reveal.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/typewriter.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/typewriter.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/inline-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/inline-highlight.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/strikethrough-replace.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/strikethrough-replace.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/tracking-in.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/tracking-in.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shimmer-sweep.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/marker-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/marker-highlight.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/matrix-decode.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/matrix-decode.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/infinite-marquee.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/dynamic-grid.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dynamic-grid.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/simulated-cursor.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/simulated-cursor.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/pulsing-indicator.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/pulsing-indicator.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/directional-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/directional-wipe.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/terminal-simulator.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/toast-notification.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/toast-notification.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/progress-steps.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/progress-steps.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/morphing-modal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/morphing-modal.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/cursor-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/cursor-flow.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/code-accordion.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/code-accordion.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/spotlight-card.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spotlight-card.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/perspective-marquee.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/perspective-marquee.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/success-confetti.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/success-confetti.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/spatial-push.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spatial-push.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/ecosystem-constellation.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/ecosystem-constellation.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/pipeline-journey.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/pipeline-journey.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/dashboard-populate.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dashboard-populate.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/browser-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/browser-flow.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"https://framecn.vercel.app/r/ai-generate-overlay.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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/caption-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-highlight.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/caption-texture.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-texture.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"https://framecn.vercel.app/r/caption-weight-shift.json"},{"name":"confetti","title":"Confetti","description":"Deterministic CSS-animated particle burst celebration effect.","type":"registry:component","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/confetti.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/confetti.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/logo-enter.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/logo-enter.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/backdrop.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/backdrop.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-dithering.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-dithering.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-metaballs.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-metaballs.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-spiral.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-spiral.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-swirl.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-swirl.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-voronoi.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-voronoi.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-warp.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-warp.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","cards","charts","dashboard","developer-tools","editor","forms","glassmorphism","icons","loaders","media","mobile","overlays","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shader-water.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-water.json","copy_url":"https://framecn.vercel.app/r/shader-water.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.vercel.app/registry/gaia","markdown":"https://sh4dcn.vercel.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":206,"open_issues":4,"last_commit":"2026-05-28T15:29:33Z"},"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":26,"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/icons.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/icons.json","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.heygaia.io/r/message-bubble.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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/composer.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/composer.json","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat 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","copy_url":"https://ui.heygaia.io/r/gauge-chart.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.vercel.app/registry/gamekitui","markdown":"https://sh4dcn.vercel.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":22,"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/snake.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/snake.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/tic-tac-toe.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/tic-tac-toe.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/2048.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/2048.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/memory-match.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/memory-match.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/whack-a-mole.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/whack-a-mole.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/minesweeper.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/minesweeper.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/pong.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/pong.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/breakout.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/breakout.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/dino-runner.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/dino-runner.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/flappy.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/flappy.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/fruit-ninja.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/fruit-ninja.json","copy_url":"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","tags":["gaming","media","theming"],"categories":["Theming/styling"],"source_url":"https://gamekitui.com/r/stack.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/stack.json","copy_url":"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.vercel.app/registry/gamifykit","markdown":"https://sh4dcn.vercel.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":1,"last_commit":"2026-06-12T05:45:33Z"},"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","tags":["dashboard","design-system","gaming","hooks","saas"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/daily-streak.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/daily-streak.json","copy_url":"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","tags":["dashboard","design-system","gaming","hooks","saas"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/achievements.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/achievements.json","copy_url":"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","tags":["dashboard","design-system","gaming","hooks","saas"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/leaderboard.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/leaderboard.json","copy_url":"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":["recently-updated"],"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.vercel.app/registry/gammaui","markdown":"https://sh4dcn.vercel.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":13,"open_issues":0,"last_commit":"2026-07-07T08:38:06Z"},"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":61,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/index.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/index.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/aurora-glass.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/aurora-glass.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/live-waveform.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/live-waveform.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/support-box.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/support-box.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/overlay-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/overlay-button.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/border-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/border-button.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/inverted-cursor.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/inverted-cursor.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pixel-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pixel-button.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/plasma.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/plasma.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/radial-intro.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/radial-intro.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-cloud.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/wave-path.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/wave-path.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/magnetize-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/magnetize-button.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/text-roll.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/text-roll.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/activity-dropdown.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/activity-dropdown.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/badge.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/badge.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/animated-list.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/animated-list.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-timeline.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-timeline.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-loop.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-loop.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pricing-interaction.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pricing-interaction.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cloud-flow.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cloud-flow.json","copy_url":"https://www.gammaui.com/r/cloud-flow.json"},{"name":"macbook-keyboard","title":"Macbook Keyboard","description":"Interactive animated MacBook keyboard component.","type":"registry:ui","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/macbook-keyboard.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/macbook-keyboard.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cpu-architecture.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cpu-architecture.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/shadcn-ui.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/shadcn-ui.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/location-map.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/location-map.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/3d-folder.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/3d-folder.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/usage-card.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/usage-card.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/voxel-wall.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/voxel-wall.json","copy_url":"https://www.gammaui.com/r/voxel-wall.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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/plasma-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/plasma-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/badge-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/badge-demo.json","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"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","copy_url":"https://www.gammaui.com/r/voxel-wall-demo.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/utils.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/utils.json","copy_url":"https://www.gammaui.com/r/utils.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.vercel.app/registry/gc-solid","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/utils.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/button.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/card.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/calendar.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/context-menu.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/date-picker.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/dialog.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/direction.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/field.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/form.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/navigation-menu.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/native-select.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/switch.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/tabs.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/table.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/textarea.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/tooltip.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/use-mobile.json"},{"name":"vega","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/vega.json"},{"name":"grasscup","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://binnodon.github.io/gc-solid-ui/r/grasscup.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":[],"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.vercel.app/registry/glass-ui","markdown":"https://sh4dcn.vercel.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":85,"open_issues":0,"last_commit":"2026-04-10T12:53:49Z"},"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":49,"components":[{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button with glassy variants.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/button.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/button.json","copy_url":"https://glass-ui.crenspire.com/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with optional glassy variant.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/card.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/card.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/input.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/input.json","copy_url":"https://glass-ui.crenspire.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea with optional glassy variant.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/textarea.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/textarea.json","copy_url":"https://glass-ui.crenspire.com/r/textarea.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/label.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/label.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/badge.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/badge.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/avatar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/avatar.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/dialog.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/dialog.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/separator.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/separator.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/switch.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/switch.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/checkbox.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/checkbox.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/tabs.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/tabs.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/tooltip.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/tooltip.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/popover.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/popover.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/select.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/select.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/skeleton.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/skeleton.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/alert.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/alert.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/accordion.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/accordion.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/breadcrumb.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/calendar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/calendar.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/chart.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/chart.json","copy_url":"https://glass-ui.crenspire.com/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/collapsible.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/collapsible.json","copy_url":"https://glass-ui.crenspire.com/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/command.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/command.json","copy_url":"https://glass-ui.crenspire.com/r/command.json"},{"name":"cropper","title":"Cropper","description":"An image cropper component with optional glassy variant.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/cropper.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/cropper.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/drawer.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/drawer.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/pagination.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/pagination.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sheet.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sheet.json","copy_url":"https://glass-ui.crenspire.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A sidebar component with optional glassy variant.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sidebar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sidebar.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/slider.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/slider.json","copy_url":"https://glass-ui.crenspire.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sonner.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sonner.json","copy_url":"https://glass-ui.crenspire.com/r/sonner.json"},{"name":"table","title":"Table","description":"A responsive table component with optional glassy variant.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/table.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/table.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/toggle.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/toggle.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"https://glass-ui.crenspire.com/r/mode-toggle.json"},{"name":"spinner","title":"Spinner","description":"A loading spinner component with glassy variants.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/spinner.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/spinner.json","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"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","copy_url":"https://glass-ui.crenspire.com/r/context-menu.json"},{"name":"carousel","title":"Carousel","description":"A carousel component with glassy variants.","type":"registry:component","tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/carousel.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/carousel.json","copy_url":"https://glass-ui.crenspire.com/r/carousel.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":null,"tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"labels":["featured","recently-updated"],"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.vercel.app/registry/glasscn","markdown":"https://sh4dcn.vercel.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":58,"open_issues":0,"last_commit":"2026-07-03T21:09:38Z"},"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/utils.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/highlight-text.json"},{"name":"button","title":"Button","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/button.json","copy_url":"https://glasscn-components.vercel.app/r/button.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/badge.json","copy_url":"https://glasscn-components.vercel.app/r/badge.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/avatar.json","copy_url":"https://glasscn-components.vercel.app/r/avatar.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/checkbox.json","copy_url":"https://glasscn-components.vercel.app/r/checkbox.json"},{"name":"input","title":"Input","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/input.json","copy_url":"https://glasscn-components.vercel.app/r/input.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/textarea.json","copy_url":"https://glasscn-components.vercel.app/r/textarea.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/input-group.json"},{"name":"item","title":"Item","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/item.json","copy_url":"https://glasscn-components.vercel.app/r/item.json"},{"name":"combobox","title":"Combobox","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/combobox.json","copy_url":"https://glasscn-components.vercel.app/r/combobox.json"},{"name":"command","title":"Command","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/command.json","copy_url":"https://glasscn-components.vercel.app/r/command.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/dropdown-menu.json"},{"name":"select","title":"Select","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/select.json","copy_url":"https://glasscn-components.vercel.app/r/select.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/switch.json","copy_url":"https://glasscn-components.vercel.app/r/switch.json"},{"name":"progress","title":"Progress","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/progress.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/glass-select.json"},{"name":"card","title":"Card","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/card.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glance.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glance.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/glass-icon.json"},{"name":"calendar","title":"Calendar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/calendar.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/glass-calendar.json"},{"name":"glass-variants","title":"Glass Variants","description":null,"type":"registry:lib","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/wavy-border.json"},{"name":"sheet","title":"Sheet","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/sheet.json","copy_url":"https://glasscn-components.vercel.app/r/sheet.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/separator.json","copy_url":"https://glasscn-components.vercel.app/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/skeleton.json","copy_url":"https://glasscn-components.vercel.app/r/skeleton.json"},{"name":"button-group","title":"Button Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/button-group.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/popover.json","copy_url":"https://glasscn-components.vercel.app/r/popover.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/radio-group.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/tooltip.json","copy_url":"https://glasscn-components.vercel.app/r/tooltip.json"},{"name":"sidebar","title":"Sidebar","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/sidebar.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/glass-sidebar.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/alert.json","copy_url":"https://glasscn-components.vercel.app/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/alert-dialog.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/dialog.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"https://glasscn-components.vercel.app/r/glass-alert-dialog.json"},{"name":"code-block-command","title":"Code Block Command","description":null,"type":"registry:ui","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"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","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/preference.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/preference.json","copy_url":"https://glasscn-components.vercel.app/r/preference.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.vercel.app/registry/gooseui","markdown":"https://sh4dcn.vercel.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":30,"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/theme-customizer.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/theme-customizer.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/animated-timer.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/animated-timer.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/border-beam.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/border-beam.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/slot.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/slot.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/button.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/button.json","copy_url":"https://gooseui.pro/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/card.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/card.json","copy_url":"https://gooseui.pro/r/card.json"},{"name":"input","title":"Input","description":"Displays an input field.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/input.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/input.json","copy_url":"https://gooseui.pro/r/input.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/label.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/label.json","copy_url":"https://gooseui.pro/r/label.json"},{"name":"textarea","title":"Textarea","description":"Displays a textarea for multiline text input.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/textarea.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/textarea.json","copy_url":"https://gooseui.pro/r/textarea.json"},{"name":"typography","title":"Typography","description":"Consistent text styling with semantic variants and gradient effects.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/typography.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/typography.json","copy_url":"https://gooseui.pro/r/typography.json"},{"name":"sonner","title":"Sonner","description":"Toast notification component with theming support.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/sonner.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/sonner.json","copy_url":"https://gooseui.pro/r/sonner.json"},{"name":"custom-toast","title":"Custom Toast","description":"Beautiful toast with progress bar and colored variants.","type":"registry:ui","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/custom-toast.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/custom-toast.json","copy_url":"https://gooseui.pro/r/custom-toast.json"},{"name":"toast","title":"Toast Utility","description":"Helper functions to show custom toast notifications.","type":"registry:lib","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/toast.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/toast.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/promo-banner.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/promo-banner.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/morphing-dialog.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/baseline-status.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/baseline-status.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/features-grid.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/features-grid.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/badge.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/badge.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/scroll-to-top.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/scroll-to-top.json","copy_url":"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":[],"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.vercel.app/registry/gpt-vis","markdown":"https://sh4dcn.vercel.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":753,"open_issues":2,"last_commit":"2026-06-26T02:18:29Z"},"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"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","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat 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","copy_url":"https://gpt-vis.antv.vision/r/indented-tree.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.vercel.app/registry/gymnopedies","markdown":"https://sh4dcn.vercel.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":5,"open_issues":11,"last_commit":"2026-07-03T14:52:52Z"},"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","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"],"source_url":"https://gymnopedies.shoota.work/r/utils.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/utils.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/theme.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/theme.json","copy_url":"https://gymnopedies.shoota.work/r/theme.json"},{"name":"accordion","title":"Accordion","description":"Accordion — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/accordion.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/accordion.json","copy_url":"https://gymnopedies.shoota.work/r/accordion.json"},{"name":"alert","title":"Alert","description":"Alert — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/alert.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/alert.json","copy_url":"https://gymnopedies.shoota.work/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Alert Dialog — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/alert-dialog.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/alert-dialog.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/aspect-ratio.json","copy_url":"https://gymnopedies.shoota.work/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"Avatar — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/avatar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/avatar.json","copy_url":"https://gymnopedies.shoota.work/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/badge.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/badge.json","copy_url":"https://gymnopedies.shoota.work/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Breadcrumb — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/breadcrumb.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/breadcrumb.json","copy_url":"https://gymnopedies.shoota.work/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Button — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/button.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/button.json","copy_url":"https://gymnopedies.shoota.work/r/button.json"},{"name":"card","title":"Card","description":"Card — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/card.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/card.json","copy_url":"https://gymnopedies.shoota.work/r/card.json"},{"name":"carousel","title":"Carousel","description":"Carousel — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/carousel.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/carousel.json","copy_url":"https://gymnopedies.shoota.work/r/carousel.json"},{"name":"chart","title":"Chart","description":"Chart — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/chart.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/chart.json","copy_url":"https://gymnopedies.shoota.work/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/collapsible.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/collapsible.json","copy_url":"https://gymnopedies.shoota.work/r/collapsible.json"},{"name":"command","title":"Command","description":"Command — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/command.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/command.json","copy_url":"https://gymnopedies.shoota.work/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Context Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/context-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/context-menu.json","copy_url":"https://gymnopedies.shoota.work/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"Dialog — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/dialog.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/dialog.json","copy_url":"https://gymnopedies.shoota.work/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Drawer — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/drawer.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/drawer.json","copy_url":"https://gymnopedies.shoota.work/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/dropdown-menu.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/hover-card.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/hover-card.json","copy_url":"https://gymnopedies.shoota.work/r/hover-card.json"},{"name":"input","title":"Input","description":"Input — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/input.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/input.json","copy_url":"https://gymnopedies.shoota.work/r/input.json"},{"name":"input-group","title":"Input Group","description":"Input Group — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/input-group.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/input-group.json","copy_url":"https://gymnopedies.shoota.work/r/input-group.json"},{"name":"menubar","title":"Menubar","description":"Menubar — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/menubar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/menubar.json","copy_url":"https://gymnopedies.shoota.work/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Navigation Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/navigation-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/navigation-menu.json","copy_url":"https://gymnopedies.shoota.work/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/pagination.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/pagination.json","copy_url":"https://gymnopedies.shoota.work/r/pagination.json"},{"name":"popover","title":"Popover","description":"Popover — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/popover.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/popover.json","copy_url":"https://gymnopedies.shoota.work/r/popover.json"},{"name":"progress","title":"Progress","description":"Progress — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/progress.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/progress.json","copy_url":"https://gymnopedies.shoota.work/r/progress.json"},{"name":"resizable","title":"Resizable","description":"Resizable — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/resizable.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/resizable.json","copy_url":"https://gymnopedies.shoota.work/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/scroll-area.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/scroll-area.json","copy_url":"https://gymnopedies.shoota.work/r/scroll-area.json"},{"name":"separator","title":"Separator","description":"Separator — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/separator.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/separator.json","copy_url":"https://gymnopedies.shoota.work/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Sheet — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/sheet.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sheet.json","copy_url":"https://gymnopedies.shoota.work/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"Sidebar — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/sidebar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sidebar.json","copy_url":"https://gymnopedies.shoota.work/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/skeleton.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/skeleton.json","copy_url":"https://gymnopedies.shoota.work/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"Sonner — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/sonner.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sonner.json","copy_url":"https://gymnopedies.shoota.work/r/sonner.json"},{"name":"table","title":"Table","description":"Table — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/table.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/table.json","copy_url":"https://gymnopedies.shoota.work/r/table.json"},{"name":"tabs","title":"Tabs","description":"Tabs — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/tabs.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/tabs.json","copy_url":"https://gymnopedies.shoota.work/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Textarea — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/textarea.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/textarea.json","copy_url":"https://gymnopedies.shoota.work/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"Toggle — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/toggle.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle.json","copy_url":"https://gymnopedies.shoota.work/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle Group — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/toggle-group.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle-group.json","copy_url":"https://gymnopedies.shoota.work/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip — gymnopédies-themed shadcn primitive.","type":"registry:ui","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"],"source_url":"https://gymnopedies.shoota.work/r/tooltip.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/tooltip.json","copy_url":"https://gymnopedies.shoota.work/r/tooltip.json"},{"name":"article","title":"Article","description":"Article — gymnopédies blog reading primitive.","type":"registry:component","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"],"source_url":"https://gymnopedies.shoota.work/r/article.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/article.json","copy_url":"https://gymnopedies.shoota.work/r/article.json"},{"name":"content","title":"Content","description":"Content — gymnopédies blog reading primitive.","type":"registry:component","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"],"source_url":"https://gymnopedies.shoota.work/r/content.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/content.json","copy_url":"https://gymnopedies.shoota.work/r/content.json"},{"name":"date-time","title":"Date Time","description":"Date Time — gymnopédies blog reading primitive.","type":"registry:component","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"],"source_url":"https://gymnopedies.shoota.work/r/date-time.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/date-time.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/global-styles.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/global-styles.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/header-navigation.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/header-navigation.json","copy_url":"https://gymnopedies.shoota.work/r/header-navigation.json"},{"name":"hero","title":"Hero","description":"Hero — gymnopédies blog reading primitive.","type":"registry:component","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"],"source_url":"https://gymnopedies.shoota.work/r/hero.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/hero.json","copy_url":"https://gymnopedies.shoota.work/r/hero.json"},{"name":"picture","title":"Picture","description":"Picture — gymnopédies blog reading primitive.","type":"registry:component","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"],"source_url":"https://gymnopedies.shoota.work/r/picture.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/picture.json","copy_url":"https://gymnopedies.shoota.work/r/picture.json"},{"name":"use-mobile","title":"Use Mobile","description":"Use Mobile — gymnopédies hook.","type":"registry:hook","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"],"source_url":"https://gymnopedies.shoota.work/r/use-mobile.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/use-mobile.json","copy_url":"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","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"],"source_url":"https://gymnopedies.shoota.work/r/gymnopedies.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/gymnopedies.json","copy_url":"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","recently-updated"],"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.vercel.app/registry/grootstudio","markdown":"https://sh4dcn.vercel.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":55,"open_issues":0,"last_commit":"2026-07-05T12:34:24Z"},"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/glow-card.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/glow-card.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/github-stars.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/github-stars.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/discord-online.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/discord-online.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/logo-marquee.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/logo-marquee.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/blurred-marquee.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/blurred-marquee.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/logo-grid.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/logo-grid.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/github-calendar.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/github-calendar.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/avatar-tooltips.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/avatar-tooltips.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/3d-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/3d-button.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/sliding-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/sliding-button.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/drag-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/drag-button.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/press-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/press-button.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/cursor-trail.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/cursor-trail.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/image-trail.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/image-trail.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/animated-bars.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/animated-bars.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/animated-layout.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/animated-layout.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/theme-toggler.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/theme-toggler.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/styled-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/styled-button.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/pebble-toast.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/pebble-toast.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"source_url":"https://grootstudio.vercel.app/r/text-frame.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/text-frame.json","copy_url":"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","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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.vercel.app/registry/ha-components","markdown":"https://sh4dcn.vercel.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":13,"open_issues":0,"last_commit":"2026-03-07T15:47:09Z"},"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","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/type-generator.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/type-generator.json","copy_url":"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","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/auth.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/auth.json","copy_url":"https://hacomponents.keshuac.com/r/auth.json"},{"name":"camera","title":"Simple Camera Component","description":"A WebRTC Camera component for go2RTC","type":"registry:block","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/camera.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/camera.json","copy_url":"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","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/trigger.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/trigger.json","copy_url":"https://hacomponents.keshuac.com/r/trigger.json"},{"name":"toggle","title":"Simple Toggle Switch Component","description":"Switch with an attached Entity trigger","type":"registry:component","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/toggle.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/toggle.json","copy_url":"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","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/light.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/light.json","copy_url":"https://hacomponents.keshuac.com/r/light.json"},{"name":"weather","title":"Simple Weather Component","description":null,"type":"registry:block","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/weather.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/weather.json","copy_url":"https://hacomponents.keshuac.com/r/weather.json"},{"name":"proxy","title":"Python Websocket Proxy Server","description":"Development websocket server for camera component","type":"registry:block","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/proxy.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/proxy.json","copy_url":"https://hacomponents.keshuac.com/r/proxy.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/accordion.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/accordion.json","copy_url":"https://hacomponents.keshuac.com/r/accordion.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/popover.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/popover.json","copy_url":"https://hacomponents.keshuac.com/r/popover.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/slider.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/slider.json","copy_url":"https://hacomponents.keshuac.com/r/slider.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/switch.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/switch.json","copy_url":"https://hacomponents.keshuac.com/r/switch.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":["recently-updated"],"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.vercel.app/registry/headcodecms","markdown":"https://sh4dcn.vercel.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":22,"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":"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.vercel.app/registry/heroicons-animated","markdown":"https://sh4dcn.vercel.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":141,"open_issues":1,"last_commit":"2026-06-17T15:26:47Z"},"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/at-symbol.json"},{"name":"backspace","title":"backspace","description":"Animated backspace icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/backspace.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/backspace.json","copy_url":"https://www.heroicons-animated.com/r/backspace.json"},{"name":"backward","title":"backward","description":"Animated backward icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/backward.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/backward.json","copy_url":"https://www.heroicons-animated.com/r/backward.json"},{"name":"banknotes","title":"banknotes","description":"Animated banknotes icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/banknotes.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/banknotes.json","copy_url":"https://www.heroicons-animated.com/r/banknotes.json"},{"name":"bars-2","title":"bars-2","description":"Animated bars-2 icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/battery-50.json"},{"name":"beaker","title":"beaker","description":"Animated beaker icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/beaker.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/beaker.json","copy_url":"https://www.heroicons-animated.com/r/beaker.json"},{"name":"bell-alert","title":"bell-alert","description":"Animated bell-alert icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/bell-snooze.json"},{"name":"bell","title":"bell","description":"Animated bell icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bell.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bell.json","copy_url":"https://www.heroicons-animated.com/r/bell.json"},{"name":"bold","title":"bold","description":"Animated bold icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bold.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bold.json","copy_url":"https://www.heroicons-animated.com/r/bold.json"},{"name":"bolt-slash","title":"bolt-slash","description":"Animated bolt-slash icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/bolt-slash.json"},{"name":"bolt","title":"bolt","description":"Animated bolt icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bolt.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bolt.json","copy_url":"https://www.heroicons-animated.com/r/bolt.json"},{"name":"book-open","title":"book-open","description":"Animated book-open icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/bookmark-square.json"},{"name":"bookmark","title":"bookmark","description":"Animated bookmark icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bookmark.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark.json","copy_url":"https://www.heroicons-animated.com/r/bookmark.json"},{"name":"briefcase","title":"briefcase","description":"Animated briefcase icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/briefcase.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/briefcase.json","copy_url":"https://www.heroicons-animated.com/r/briefcase.json"},{"name":"bug-ant","title":"bug-ant","description":"Animated bug-ant icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/building-storefront.json"},{"name":"cake","title":"cake","description":"Animated cake icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/cake.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cake.json","copy_url":"https://www.heroicons-animated.com/r/cake.json"},{"name":"calculator","title":"calculator","description":"Animated calculator icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/calculator.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calculator.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/calendar-days.json"},{"name":"calendar","title":"calendar","description":"Animated calendar icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calendar.json","copy_url":"https://www.heroicons-animated.com/r/calendar.json"},{"name":"camera","title":"camera","description":"Animated camera icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/camera.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/camera.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/check-circle.json"},{"name":"check","title":"check","description":"Animated check icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/check.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/check.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/clipboard-document.json"},{"name":"clipboard","title":"clipboard","description":"Animated clipboard icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/clipboard.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard.json","copy_url":"https://www.heroicons-animated.com/r/clipboard.json"},{"name":"clock","title":"clock","description":"Animated clock icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/clock.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clock.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/cloud-arrow-up.json"},{"name":"cloud","title":"cloud","description":"Animated cloud icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/cloud.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cloud.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/cog-8-tooth.json"},{"name":"cog","title":"cog","description":"Animated cog icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/cog.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cog.json","copy_url":"https://www.heroicons-animated.com/r/cog.json"},{"name":"command-line","title":"command-line","description":"Animated command-line icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/cube-transparent.json"},{"name":"cube","title":"cube","description":"Animated cube icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/cube.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cube.json","copy_url":"https://www.heroicons-animated.com/r/cube.json"},{"name":"currency-bangladeshi","title":"currency-bangladeshi","description":"Animated currency-bangladeshi icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/device-tablet.json"},{"name":"divide","title":"divide","description":"Animated divide icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/divide.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/divide.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/document-text.json"},{"name":"document","title":"document","description":"Animated document icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/document.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/envelope-open.json"},{"name":"envelope","title":"envelope","description":"Animated envelope icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/envelope.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/envelope.json","copy_url":"https://www.heroicons-animated.com/r/envelope.json"},{"name":"equals","title":"equals","description":"Animated equals icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/equals.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/equals.json","copy_url":"https://www.heroicons-animated.com/r/equals.json"},{"name":"exclamation-circle","title":"exclamation-circle","description":"Animated exclamation-circle icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/eye-slash.json"},{"name":"eye","title":"eye","description":"Animated eye icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/eye.json","copy_url":"https://www.heroicons-animated.com/r/eye.json"},{"name":"face-frown","title":"face-frown","description":"Animated face-frown icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/face-smile.json"},{"name":"film","title":"film","description":"Animated film icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/film.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/film.json","copy_url":"https://www.heroicons-animated.com/r/film.json"},{"name":"finger-print","title":"finger-print","description":"Animated finger-print icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/finger-print.json"},{"name":"fire","title":"fire","description":"Animated fire icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/fire.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/fire.json","copy_url":"https://www.heroicons-animated.com/r/fire.json"},{"name":"flag","title":"flag","description":"Animated flag icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/flag.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/flag.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/folder-plus.json"},{"name":"folder","title":"folder","description":"Animated folder icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/folder.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder.json","copy_url":"https://www.heroicons-animated.com/r/folder.json"},{"name":"forward","title":"forward","description":"Animated forward icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/forward.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/forward.json","copy_url":"https://www.heroicons-animated.com/r/forward.json"},{"name":"funnel","title":"funnel","description":"Animated funnel icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/funnel.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/funnel.json","copy_url":"https://www.heroicons-animated.com/r/funnel.json"},{"name":"gif","title":"gif","description":"Animated gif icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/gif.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/gif.json","copy_url":"https://www.heroicons-animated.com/r/gif.json"},{"name":"gift-top","title":"gift-top","description":"Animated gift-top icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/gift-top.json"},{"name":"gift","title":"gift","description":"Animated gift icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/gift.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/gift.json","copy_url":"https://www.heroicons-animated.com/r/gift.json"},{"name":"globe-alt","title":"globe-alt","description":"Animated globe-alt icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/globe-europe-africa.json"},{"name":"h1","title":"h1","description":"Animated h1 icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/h1.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h1.json","copy_url":"https://www.heroicons-animated.com/r/h1.json"},{"name":"h2","title":"h2","description":"Animated h2 icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/h2.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h2.json","copy_url":"https://www.heroicons-animated.com/r/h2.json"},{"name":"h3","title":"h3","description":"Animated h3 icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/h3.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h3.json","copy_url":"https://www.heroicons-animated.com/r/h3.json"},{"name":"hand-raised","title":"hand-raised","description":"Animated hand-raised icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/hand-thumb-up.json"},{"name":"hashtag","title":"hashtag","description":"Animated hashtag icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/hashtag.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/hashtag.json","copy_url":"https://www.heroicons-animated.com/r/hashtag.json"},{"name":"heart","title":"heart","description":"Animated heart icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/heart.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/heart.json","copy_url":"https://www.heroicons-animated.com/r/heart.json"},{"name":"home-modern","title":"home-modern","description":"Animated home-modern icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/home-modern.json"},{"name":"home","title":"home","description":"Animated home icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/home.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/home.json","copy_url":"https://www.heroicons-animated.com/r/home.json"},{"name":"identification","title":"identification","description":"Animated identification icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/identification.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/identification.json","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/inbox-stack.json"},{"name":"inbox","title":"inbox","description":"Animated inbox icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/inbox.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/inbox.json","copy_url":"https://www.heroicons-animated.com/r/inbox.json"},{"name":"information-circle","title":"information-circle","description":"Animated information-circle icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/information-circle.json"},{"name":"italic","title":"italic","description":"Animated italic icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/italic.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/italic.json","copy_url":"https://www.heroicons-animated.com/r/italic.json"},{"name":"key","title":"key","description":"Animated key icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/key.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/key.json","copy_url":"https://www.heroicons-animated.com/r/key.json"},{"name":"language","title":"language","description":"Animated language icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/language.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/language.json","copy_url":"https://www.heroicons-animated.com/r/language.json"},{"name":"lifebuoy","title":"lifebuoy","description":"Animated lifebuoy icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/lifebuoy.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/lifebuoy.json","copy_url":"https://www.heroicons-animated.com/r/lifebuoy.json"},{"name":"light-bulb","title":"light-bulb","description":"Animated light-bulb icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/link-slash.json"},{"name":"link","title":"link","description":"Animated link icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/link.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/link.json","copy_url":"https://www.heroicons-animated.com/r/link.json"},{"name":"list-bullet","title":"list-bullet","description":"Animated list-bullet icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/map-pin.json"},{"name":"map","title":"map","description":"Animated map icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/map.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/map.json","copy_url":"https://www.heroicons-animated.com/r/map.json"},{"name":"megaphone","title":"megaphone","description":"Animated megaphone icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/megaphone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/megaphone.json","copy_url":"https://www.heroicons-animated.com/r/megaphone.json"},{"name":"microphone","title":"microphone","description":"Animated microphone icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/microphone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/microphone.json","copy_url":"https://www.heroicons-animated.com/r/microphone.json"},{"name":"minus-circle","title":"minus-circle","description":"Animated minus-circle icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/minus-circle.json"},{"name":"minus","title":"minus","description":"Animated minus icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/minus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/minus.json","copy_url":"https://www.heroicons-animated.com/r/minus.json"},{"name":"moon","title":"moon","description":"Animated moon icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/moon.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/moon.json","copy_url":"https://www.heroicons-animated.com/r/moon.json"},{"name":"musical-note","title":"musical-note","description":"Animated musical-note icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/musical-note.json"},{"name":"newspaper","title":"newspaper","description":"Animated newspaper icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/newspaper.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/newspaper.json","copy_url":"https://www.heroicons-animated.com/r/newspaper.json"},{"name":"no-symbol","title":"no-symbol","description":"Animated no-symbol icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/pause-circle.json"},{"name":"pause","title":"pause","description":"Animated pause icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/pause.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pause.json","copy_url":"https://www.heroicons-animated.com/r/pause.json"},{"name":"pencil-square","title":"pencil-square","description":"Animated pencil-square icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/pencil-square.json"},{"name":"pencil","title":"pencil","description":"Animated pencil icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/pencil.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pencil.json","copy_url":"https://www.heroicons-animated.com/r/pencil.json"},{"name":"percent-badge","title":"percent-badge","description":"Animated percent-badge icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/phone-x-mark.json"},{"name":"phone","title":"phone","description":"Animated phone icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/phone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/phone.json","copy_url":"https://www.heroicons-animated.com/r/phone.json"},{"name":"photo","title":"photo","description":"Animated photo icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/photo.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/photo.json","copy_url":"https://www.heroicons-animated.com/r/photo.json"},{"name":"play-circle","title":"play-circle","description":"Animated play-circle icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"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","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/play-pause.json"},{"name":"play","title":"play","description":"Animated play icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/play.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/play.json","copy_url":"https://www.heroicons-animated.com/r/play.json"},{"name":"plus-circle","title":"plus-circle","description":"Animated plus-circle icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"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","copy_url":"https://www.heroicons-animated.com/r/plus-circle.json"},{"name":"plus","title":"plus","description":"Animated plus icon for React","type":"registry:ui","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/plus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/plus.json","copy_url":"https://www.heroicons-animated.com/r/plus.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":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"labels":[],"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.vercel.app/registry/hextaui","markdown":"https://sh4dcn.vercel.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://5xfmztgsig.ufs.sh/f/ZzCwT4wrsqrVozjaUvdGPLJUvqyRh8sbeO1wTpAICiMtWFr9","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":631,"open_issues":0,"last_commit":"2026-05-23T06:48:18Z"},"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":139,"components":[{"name":"accordion","title":"Accordion","description":"Expands to show or hide content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/accordion.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion.json","copy_url":"https://hextaui.com/r/accordion.json"},{"name":"alert","title":"Alert","description":"Displays a status or message banner.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/alert.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert.json","copy_url":"https://hextaui.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal dialog for important actions or decisions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog.json","copy_url":"https://hextaui.com/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Maintains a fixed ratio for child content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json","copy_url":"https://hextaui.com/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"Shows an image or initials for a user/object.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/avatar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar.json","copy_url":"https://hextaui.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"Small badge for counts or indicators.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/badge.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge.json","copy_url":"https://hextaui.com/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays navigation path as links.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb.json","copy_url":"https://hextaui.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Clickable button for actions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/button.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button.json","copy_url":"https://hextaui.com/r/button.json"},{"name":"button-group","title":"Button Group","description":"Groups multiple buttons in a row.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/button-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group.json","copy_url":"https://hextaui.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"Grid to display days and dates.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/calendar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar.json","copy_url":"https://hextaui.com/r/calendar.json"},{"name":"card","title":"Card","description":"Container with header, content, and footer sections.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/card.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card.json","copy_url":"https://hextaui.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"Rotates or slides multiple items.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/carousel.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel.json","copy_url":"https://hextaui.com/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"Box for selecting true or false.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://hextaui.com/r/checkbox.json","copy_url":"https://hextaui.com/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"Panel that expands and collapses.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://hextaui.com/r/collapsible.json","copy_url":"https://hextaui.com/r/collapsible.json"},{"name":"command-menu","title":"Command Menu","description":"Popup menu for running commands.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/command-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/command-menu.json","copy_url":"https://hextaui.com/r/command-menu.json"},{"name":"context-menu","title":"Context Menu","description":"Menu that appears on right-click or action.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/context-menu.json","copy_url":"https://hextaui.com/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"Modal overlay for dialogs and forms.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/dialog.json","install_command":"npx shadcn@latest add https://hextaui.com/r/dialog.json","copy_url":"https://hextaui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Drawer panel that slides in from edge.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/drawer.json","install_command":"npx shadcn@latest add https://hextaui.com/r/drawer.json","copy_url":"https://hextaui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Menu that opens with a trigger control.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/dropdown-menu.json","copy_url":"https://hextaui.com/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"Graphic placeholder for empty states.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/empty.json","install_command":"npx shadcn@latest add https://hextaui.com/r/empty.json","copy_url":"https://hextaui.com/r/empty.json"},{"name":"field","title":"Field","description":"Field layout with label and help.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/field.json","install_command":"npx shadcn@latest add https://hextaui.com/r/field.json","copy_url":"https://hextaui.com/r/field.json"},{"name":"hover-card","title":"Hover Card","description":"Card that appears on hover.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://hextaui.com/r/hover-card.json","copy_url":"https://hextaui.com/r/hover-card.json"},{"name":"input","title":"Input","description":"Single-line text input.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input.json","copy_url":"https://hextaui.com/r/input.json"},{"name":"input-group","title":"Input Group","description":"Combines inputs and add-ons in a row.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input-group.json","copy_url":"https://hextaui.com/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Inputs for one-time code entry.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input-otp.json","copy_url":"https://hextaui.com/r/input-otp.json"},{"name":"item","title":"Item","description":"List item component with actions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/item.json","install_command":"npx shadcn@latest add https://hextaui.com/r/item.json","copy_url":"https://hextaui.com/r/item.json"},{"name":"label","title":"Label","description":"Label for form input.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/label.json","install_command":"npx shadcn@latest add https://hextaui.com/r/label.json","copy_url":"https://hextaui.com/r/label.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar for navigation.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/menubar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/menubar.json","copy_url":"https://hextaui.com/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/navigation-menu.json","copy_url":"https://hextaui.com/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Controls for paging through content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/pagination.json","install_command":"npx shadcn@latest add https://hextaui.com/r/pagination.json","copy_url":"https://hextaui.com/r/pagination.json"},{"name":"popover","title":"Popover","description":"Floating panel for additional content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/popover.json","install_command":"npx shadcn@latest add https://hextaui.com/r/popover.json","copy_url":"https://hextaui.com/r/popover.json"},{"name":"progress","title":"Progress","description":"Linear progress indicator.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/progress.json","install_command":"npx shadcn@latest add https://hextaui.com/r/progress.json","copy_url":"https://hextaui.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"Group of choices where only one can be selected.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/radio-group.json","copy_url":"https://hextaui.com/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Container that users can resize.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/resizable.json","install_command":"npx shadcn@latest add https://hextaui.com/r/resizable.json","copy_url":"https://hextaui.com/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scrollable area for overflowing content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://hextaui.com/r/scroll-area.json","copy_url":"https://hextaui.com/r/scroll-area.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible sidebar component for navigation.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/sidebar.json","copy_url":"https://hextaui.com/r/sidebar.json"},{"name":"select","title":"Select","description":"Custom dropdown select input.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/select.json","install_command":"npx shadcn@latest add https://hextaui.com/r/select.json","copy_url":"https://hextaui.com/r/select.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical dividing line.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/separator.json","install_command":"npx shadcn@latest add https://hextaui.com/r/separator.json","copy_url":"https://hextaui.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Drawer panel that slides in from edge.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sheet.json","install_command":"npx shadcn@latest add https://hextaui.com/r/sheet.json","copy_url":"https://hextaui.com/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Shimmer effect placeholder preview.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://hextaui.com/r/skeleton.json","copy_url":"https://hextaui.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Draggable control for selecting a value.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/slider.json","install_command":"npx shadcn@latest add https://hextaui.com/r/slider.json","copy_url":"https://hextaui.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":"Displays toast notifications.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sonner.json","install_command":"npx shadcn@latest add https://hextaui.com/r/sonner.json","copy_url":"https://hextaui.com/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"Circular activity indicator.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/spinner.json","install_command":"npx shadcn@latest add https://hextaui.com/r/spinner.json","copy_url":"https://hextaui.com/r/spinner.json"},{"name":"switch","title":"Switch","description":"Toggle to switch between states.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/switch.json","install_command":"npx shadcn@latest add https://hextaui.com/r/switch.json","copy_url":"https://hextaui.com/r/switch.json"},{"name":"table","title":"Table","description":"Displays data in rows and columns.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/table.json","install_command":"npx shadcn@latest add https://hextaui.com/r/table.json","copy_url":"https://hextaui.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Switches views using tabbed buttons.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tabs.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tabs.json","copy_url":"https://hextaui.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text input.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/textarea.json","install_command":"npx shadcn@latest add https://hextaui.com/r/textarea.json","copy_url":"https://hextaui.com/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"Pressable toggle button.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/toggle.json","install_command":"npx shadcn@latest add https://hextaui.com/r/toggle.json","copy_url":"https://hextaui.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Groups multiple toggle buttons.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/toggle-group.json","copy_url":"https://hextaui.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Shows info on hover or focus.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tooltip.json","copy_url":"https://hextaui.com/r/tooltip.json"},{"name":"kbd","title":"Kbd","description":"Renders keyboard key appearance.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/kbd.json","install_command":"npx shadcn@latest add https://hextaui.com/r/kbd.json","copy_url":"https://hextaui.com/r/kbd.json"},{"name":"native-select","title":"Native Select","description":"Dropdown using the native select element.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/native-select.json","install_command":"npx shadcn@latest add https://hextaui.com/r/native-select.json","copy_url":"https://hextaui.com/r/native-select.json"},{"name":"tree","title":"Tree","description":"Hierarchical collapsible structure.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tree.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tree.json","copy_url":"https://hextaui.com/r/tree.json"},{"name":"video-player","title":"Video Player","description":"Video playback with controls.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/video-player.json","install_command":"npx shadcn@latest add https://hextaui.com/r/video-player.json","copy_url":"https://hextaui.com/r/video-player.json"},{"name":"ai-chat-history","title":"AI Chat History","description":"Display and manage conversation history with search and filtering.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-chat-history.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-chat-history.json","copy_url":"https://hextaui.com/r/ai-chat-history.json"},{"name":"ai-citations","title":"AI Citations","description":"Display citations and sources with collapsible source previews.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-citations.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-citations.json","copy_url":"https://hextaui.com/r/ai-citations.json"},{"name":"ai-conversation","title":"AI Conversation","description":"Display AI conversation messages with streaming support.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-conversation.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-conversation.json","copy_url":"https://hextaui.com/r/ai-conversation.json"},{"name":"ai-error-handler","title":"AI Error Handler","description":"Display and handle AI errors with retry functionality.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-error-handler.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-error-handler.json","copy_url":"https://hextaui.com/r/ai-error-handler.json"},{"name":"ai-file-upload","title":"AI File Upload","description":"Upload files for AI analysis with drag and drop support.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-file-upload.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-file-upload.json","copy_url":"https://hextaui.com/r/ai-file-upload.json"},{"name":"ai-message","title":"AI Message","description":"Display AI messages with markdown support and code highlighting.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-message.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-message.json","copy_url":"https://hextaui.com/r/ai-message.json"},{"name":"ai-model-selector","title":"AI Model Selector","description":"Select AI models from different providers with search.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-model-selector.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-model-selector.json","copy_url":"https://hextaui.com/r/ai-model-selector.json"},{"name":"ai-prompt-input","title":"AI Prompt Input","description":"Input component for AI prompts with context selection and options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-prompt-input.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-prompt-input.json","copy_url":"https://hextaui.com/r/ai-prompt-input.json"},{"name":"ai-prompt-templates","title":"AI Prompt Templates","description":"Browse and use pre-built prompt templates with variables.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-prompt-templates.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-prompt-templates.json","copy_url":"https://hextaui.com/r/ai-prompt-templates.json"},{"name":"ai-settings-panel","title":"AI Settings Panel","description":"Configure AI model parameters and behavior settings.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-settings-panel.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-settings-panel.json","copy_url":"https://hextaui.com/r/ai-settings-panel.json"},{"name":"ai-streaming-response","title":"AI Streaming Response","description":"Display streaming AI responses with token-by-token animation.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-streaming-response.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-streaming-response.json","copy_url":"https://hextaui.com/r/ai-streaming-response.json"},{"name":"ai-suggested-prompts","title":"AI Suggested Prompts","description":"Display suggested prompts with categories and search.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-suggested-prompts.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-suggested-prompts.json","copy_url":"https://hextaui.com/r/ai-suggested-prompts.json"},{"name":"ai-thinking","title":"AI Thinking","description":"Display AI thinking process with animated scrolling content.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-thinking.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-thinking.json","copy_url":"https://hextaui.com/r/ai-thinking.json"},{"name":"ai-usage-quota","title":"AI Usage Quota","description":"Display AI usage statistics, rate limits, and quota information.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-usage-quota.json","install_command":"npx shadcn@latest add https://hextaui.com/r/ai-usage-quota.json","copy_url":"https://hextaui.com/r/ai-usage-quota.json"},{"name":"auth-account-delete","title":"Auth Account Delete","description":"Delete account with password confirmation and data loss acknowledgment.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-account-delete.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-account-delete.json","copy_url":"https://hextaui.com/r/auth-account-delete.json"},{"name":"auth-change-password","title":"Auth Change Password","description":"Change password with current and new password fields.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-change-password.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-change-password.json","copy_url":"https://hextaui.com/r/auth-change-password.json"},{"name":"auth-email-change","title":"Auth Email Change","description":"Change email address with password verification.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-email-change.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-email-change.json","copy_url":"https://hextaui.com/r/auth-email-change.json"},{"name":"auth-forgot-password","title":"Auth Forgot Password","description":"Request password reset link via email.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-forgot-password.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-forgot-password.json","copy_url":"https://hextaui.com/r/auth-forgot-password.json"},{"name":"auth-login-form","title":"Auth Login Form","description":"Login form with email/password and social login options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-login-form.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-login-form.json","copy_url":"https://hextaui.com/r/auth-login-form.json"},{"name":"auth-magic-link","title":"Auth Magic Link","description":"Passwordless authentication via magic link email.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-magic-link.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-magic-link.json","copy_url":"https://hextaui.com/r/auth-magic-link.json"},{"name":"auth-otp-verify","title":"Auth OTP Verify","description":"Verify OTP code sent via email, SMS, or WhatsApp.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-otp-verify.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-otp-verify.json","copy_url":"https://hextaui.com/r/auth-otp-verify.json"},{"name":"auth-phone-verify","title":"Auth Phone Verify","description":"Verify phone number with OTP code via SMS.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-phone-verify.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-phone-verify.json","copy_url":"https://hextaui.com/r/auth-phone-verify.json"},{"name":"auth-recovery-codes","title":"Auth Recovery Codes","description":"Display and manage two-factor authentication recovery codes.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-recovery-codes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-recovery-codes.json","copy_url":"https://hextaui.com/r/auth-recovery-codes.json"},{"name":"auth-reset-password","title":"Auth Reset Password","description":"Reset password with strength indicator and token validation.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-reset-password.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-reset-password.json","copy_url":"https://hextaui.com/r/auth-reset-password.json"},{"name":"auth-session-manager","title":"Auth Session Manager","description":"Manage active sessions across devices with revoke functionality.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-session-manager.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-session-manager.json","copy_url":"https://hextaui.com/r/auth-session-manager.json"},{"name":"auth-signup-form","title":"Auth Signup Form","description":"User registration form with email/password and social signup options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-signup-form.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-signup-form.json","copy_url":"https://hextaui.com/r/auth-signup-form.json"},{"name":"auth-social-accounts","title":"Auth Social Accounts","description":"Manage connected social accounts for authentication.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-social-accounts.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-social-accounts.json","copy_url":"https://hextaui.com/r/auth-social-accounts.json"},{"name":"auth-two-factor-setup","title":"Auth Two Factor Setup","description":"Set up two-factor authentication with QR code and backup codes.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-two-factor-setup.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-two-factor-setup.json","copy_url":"https://hextaui.com/r/auth-two-factor-setup.json"},{"name":"auth-two-factor-verify","title":"Auth Two Factor Verify","description":"Verify two-factor authentication code or recovery code.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-two-factor-verify.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-two-factor-verify.json","copy_url":"https://hextaui.com/r/auth-two-factor-verify.json"},{"name":"auth-verify-email","title":"Auth Verify Email","description":"Email verification status with resend functionality.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/auth-verify-email.json","install_command":"npx shadcn@latest add https://hextaui.com/r/auth-verify-email.json","copy_url":"https://hextaui.com/r/auth-verify-email.json"},{"name":"billing-billing-history","title":"Billing Billing History","description":"Display transaction history with search, filters, and pagination.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-billing-history.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-billing-history.json","copy_url":"https://hextaui.com/r/billing-billing-history.json"},{"name":"billing-coupon-code","title":"Billing Coupon Code","description":"Apply and manage discount coupon codes.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-coupon-code.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-coupon-code.json","copy_url":"https://hextaui.com/r/billing-coupon-code.json"},{"name":"billing-invoice-details","title":"Billing Invoice Details","description":"Detailed invoice view in a sheet with line items and payment information.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-invoice-details.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-invoice-details.json","copy_url":"https://hextaui.com/r/billing-invoice-details.json"},{"name":"billing-invoice-list","title":"Billing Invoice List","description":"List of invoices with search, filters, and pagination.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-invoice-list.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-invoice-list.json","copy_url":"https://hextaui.com/r/billing-invoice-list.json"},{"name":"billing-payment-failed","title":"Billing Payment Failed","description":"Display payment failure details with retry and support options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-payment-failed.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-payment-failed.json","copy_url":"https://hextaui.com/r/billing-payment-failed.json"},{"name":"billing-payment-form","title":"Billing Payment Form","description":"Form to add payment methods with card details and billing address.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-payment-form.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-payment-form.json","copy_url":"https://hextaui.com/r/billing-payment-form.json"},{"name":"billing-payment-method","title":"Billing Payment Method","description":"Manage payment methods with add, edit, delete, and set default options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-payment-method.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-payment-method.json","copy_url":"https://hextaui.com/r/billing-payment-method.json"},{"name":"billing-payment-schedule","title":"Billing Payment Schedule","description":"View scheduled payments with next payment preview and retry options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-payment-schedule.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-payment-schedule.json","copy_url":"https://hextaui.com/r/billing-payment-schedule.json"},{"name":"billing-plan-selector","title":"Billing Plan Selector","description":"Select subscription plans with monthly/annual billing toggle.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-plan-selector.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-plan-selector.json","copy_url":"https://hextaui.com/r/billing-plan-selector.json"},{"name":"billing-pricing-table","title":"Billing Pricing Table","description":"Compare pricing plans in a table format with feature comparison.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-pricing-table.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-pricing-table.json","copy_url":"https://hextaui.com/r/billing-pricing-table.json"},{"name":"billing-subscription-card","title":"Billing Subscription Card","description":"Display current subscription with usage, billing date, and management options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-subscription-card.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-subscription-card.json","copy_url":"https://hextaui.com/r/billing-subscription-card.json"},{"name":"billing-subscription-settings","title":"Billing Subscription Settings","description":"Manage subscription settings including pause, cancel, and billing period changes.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-subscription-settings.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-subscription-settings.json","copy_url":"https://hextaui.com/r/billing-subscription-settings.json"},{"name":"billing-upgrade-prompt","title":"Billing Upgrade Prompt","description":"Prompt users to upgrade their plan with feature highlights.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-upgrade-prompt.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-upgrade-prompt.json","copy_url":"https://hextaui.com/r/billing-upgrade-prompt.json"},{"name":"billing-usage-alerts","title":"Billing Usage Alerts","description":"Configure and manage usage alerts with notification channels.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-usage-alerts.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-usage-alerts.json","copy_url":"https://hextaui.com/r/billing-usage-alerts.json"},{"name":"billing-usage-billing","title":"Billing Usage Billing","description":"Display usage statistics with charts, breakdowns, and trend analysis.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/billing-usage-billing.json","install_command":"npx shadcn@latest add https://hextaui.com/r/billing-usage-billing.json","copy_url":"https://hextaui.com/r/billing-usage-billing.json"},{"name":"settings-account","title":"Settings Account","description":"Manage account settings, subscription, and team members.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-account.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-account.json","copy_url":"https://hextaui.com/r/settings-account.json"},{"name":"settings-activity-log","title":"Settings Activity Log","description":"View account activity and audit trail with search and filters.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-activity-log.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-activity-log.json","copy_url":"https://hextaui.com/r/settings-activity-log.json"},{"name":"settings-advanced","title":"Settings Advanced","description":"Developer tools and experimental features configuration.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-advanced.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-advanced.json","copy_url":"https://hextaui.com/r/settings-advanced.json"},{"name":"settings-api-keys","title":"Settings API Keys","description":"Manage API keys for programmatic access with scopes and permissions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-api-keys.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-api-keys.json","copy_url":"https://hextaui.com/r/settings-api-keys.json"},{"name":"settings-export-data","title":"Settings Export Data","description":"Export your data in various formats with category selection.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-export-data.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-export-data.json","copy_url":"https://hextaui.com/r/settings-export-data.json"},{"name":"settings-backup","title":"Settings Backup","description":"Manage automatic backups and restore your data.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-backup.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-backup.json","copy_url":"https://hextaui.com/r/settings-backup.json"},{"name":"settings-domains","title":"Settings Domains","description":"Manage custom domains and SSL certificates.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-domains.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-domains.json","copy_url":"https://hextaui.com/r/settings-domains.json"},{"name":"settings-import-data","title":"Settings Import Data","description":"Import data from JSON or CSV files with conflict resolution.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-import-data.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-import-data.json","copy_url":"https://hextaui.com/r/settings-import-data.json"},{"name":"settings-integrations","title":"Settings Integrations","description":"Connect and manage third-party integrations.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-integrations.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-integrations.json","copy_url":"https://hextaui.com/r/settings-integrations.json"},{"name":"settings-notifications","title":"Settings Notifications","description":"Manage notification preferences and quiet hours.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-notifications.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-notifications.json","copy_url":"https://hextaui.com/r/settings-notifications.json"},{"name":"settings-preferences","title":"Settings Preferences","description":"Customize app experience, appearance, and accessibility.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-preferences.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-preferences.json","copy_url":"https://hextaui.com/r/settings-preferences.json"},{"name":"settings-privacy","title":"Settings Privacy","description":"Control privacy settings and data sharing preferences.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-privacy.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-privacy.json","copy_url":"https://hextaui.com/r/settings-privacy.json"},{"name":"settings-profile","title":"Settings Profile","description":"Manage profile information, avatar, and social links.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-profile.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-profile.json","copy_url":"https://hextaui.com/r/settings-profile.json"},{"name":"settings-security","title":"Settings Security","description":"Manage account security, 2FA, and active sessions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-security.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-security.json","copy_url":"https://hextaui.com/r/settings-security.json"},{"name":"settings-sso","title":"Settings SSO","description":"Configure SSO providers for your organization.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-sso.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-sso.json","copy_url":"https://hextaui.com/r/settings-sso.json"},{"name":"settings-storage","title":"Settings Storage","description":"Manage storage usage and quotas by category.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-storage.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-storage.json","copy_url":"https://hextaui.com/r/settings-storage.json"},{"name":"settings-team-members","title":"Settings Team Members","description":"Manage team members, roles, and invitations.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-team-members.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-team-members.json","copy_url":"https://hextaui.com/r/settings-team-members.json"},{"name":"settings-webhooks","title":"Settings Webhooks","description":"Configure webhooks for event notifications and deliveries.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/settings-webhooks.json","install_command":"npx shadcn@latest add https://hextaui.com/r/settings-webhooks.json","copy_url":"https://hextaui.com/r/settings-webhooks.json"},{"name":"team-activity-feed","title":"Team Activity Feed","description":"Display team activity and events in a feed with filtering.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-activity-feed.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-activity-feed.json","copy_url":"https://hextaui.com/r/team-activity-feed.json"},{"name":"team-ai-room","title":"Team AI Room","description":"Collaborative AI workspace for team members with shared conversations.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-ai-room.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-ai-room.json","copy_url":"https://hextaui.com/r/team-ai-room.json"},{"name":"team-analytics","title":"Team Analytics","description":"View team analytics and usage statistics with charts and breakdowns.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-analytics.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-analytics.json","copy_url":"https://hextaui.com/r/team-analytics.json"},{"name":"team-chat","title":"Team Chat","description":"Team chat interface with messages and channels.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-chat.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-chat.json","copy_url":"https://hextaui.com/r/team-chat.json"},{"name":"team-dashboard","title":"Team Dashboard","description":"Team dashboard with overview and metrics.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-dashboard.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-dashboard.json","copy_url":"https://hextaui.com/r/team-dashboard.json"},{"name":"team-files","title":"Team Files","description":"Manage and share team files with upload and download.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-files.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-files.json","copy_url":"https://hextaui.com/r/team-files.json"},{"name":"team-invitations","title":"Team Invitations","description":"Send and manage team invitations with email and link options.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-invitations.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-invitations.json","copy_url":"https://hextaui.com/r/team-invitations.json"},{"name":"team-member-list","title":"Team Member List","description":"List and manage team members with roles and permissions.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-member-list.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-member-list.json","copy_url":"https://hextaui.com/r/team-member-list.json"},{"name":"team-notes","title":"Team Notes","description":"Collaborative notes and documentation with AI summarization.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-notes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-notes.json","copy_url":"https://hextaui.com/r/team-notes.json"},{"name":"team-notifications","title":"Team Notifications","description":"Team notifications and alerts with filtering and management.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-notifications.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-notifications.json","copy_url":"https://hextaui.com/r/team-notifications.json"},{"name":"team-permissions-matrix","title":"Team Permissions Matrix","description":"Manage team permissions and roles with visual matrix.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-permissions-matrix.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-permissions-matrix.json","copy_url":"https://hextaui.com/r/team-permissions-matrix.json"},{"name":"team-projects","title":"Team Projects","description":"Manage team projects and tasks with member assignment.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-projects.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-projects.json","copy_url":"https://hextaui.com/r/team-projects.json"},{"name":"team-prompt-library","title":"Team Prompt Library","description":"Shared prompt library for the team with favorites and categories.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-prompt-library.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-prompt-library.json","copy_url":"https://hextaui.com/r/team-prompt-library.json"},{"name":"team-settings","title":"Team Settings","description":"Team settings and configuration with avatar upload.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-settings.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-settings.json","copy_url":"https://hextaui.com/r/team-settings.json"},{"name":"team-switcher","title":"Team Switcher","description":"Switch between teams and workspaces with search.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/team-switcher.json","install_command":"npx shadcn@latest add https://hextaui.com/r/team-switcher.json","copy_url":"https://hextaui.com/r/team-switcher.json"},{"name":"task-board","title":"Task Board","description":"Kanban-style board for managing tasks with drag-and-drop functionality.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-board.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-board.json","copy_url":"https://hextaui.com/r/task-board.json"},{"name":"task-create","title":"Task Create","description":"Form to create new tasks with all necessary fields including assignees, projects, and due dates.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-create.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-create.json","copy_url":"https://hextaui.com/r/task-create.json"},{"name":"task-detail","title":"Task Detail","description":"Detailed view of a task with subtasks, comments, attachments, and activity log. Includes URL-synced tabs.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-detail.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-detail.json","copy_url":"https://hextaui.com/r/task-detail.json"},{"name":"task-filters","title":"Task Filters","description":"Filter and search tasks by status, priority, assignees, projects, and tags with active filter badges.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-filters.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-filters.json","copy_url":"https://hextaui.com/r/task-filters.json"},{"name":"task-list","title":"Task List","description":"List view of tasks with sorting, filtering, bulk selection, and inline status updates.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-list.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-list.json","copy_url":"https://hextaui.com/r/task-list.json"},{"name":"task-progress","title":"Task Progress","description":"Visual progress indicator for task completion goals with percentage and count display.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/task-progress.json","install_command":"npx shadcn@latest add https://hextaui.com/r/task-progress.json","copy_url":"https://hextaui.com/r/task-progress.json"},{"name":"project-list","title":"Project List","description":"Display and manage projects with progress tracking, member avatars, and task counts.","type":"registry:ui","tags":["ai","audio","auth","blocks","buttons","cards","components","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","payments","saas","tables"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/project-list.json","install_command":"npx shadcn@latest add https://hextaui.com/r/project-list.json","copy_url":"https://hextaui.com/r/project-list.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":null,"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.vercel.app/registry/hexui","markdown":"https://sh4dcn.vercel.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":null,"open_issues":null,"last_commit":null},"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/banner-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/banner-1.json","copy_url":"https://hexui.sh/r/banner-1.json"},{"name":"banner-2","title":"Banner-2","description":"A full-width dismissible announcement bar","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/banner-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/banner-2.json","copy_url":"https://hexui.sh/r/banner-2.json"},{"name":"cta-1","title":"Cta-1","description":"A simple full-width CTA section","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/cta-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-1.json","copy_url":"https://hexui.sh/r/cta-1.json"},{"name":"cta-2","title":"Cta-2","description":"A simple CTA section with spacious padding","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/cta-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-2.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/cta-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/cta-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-4.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/faq-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-1.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/faq-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-2.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/faq-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/faq-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-4.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/footer-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-1.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/footer-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-2.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/footer-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/footer-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-4.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/footer-5.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-5.json","copy_url":"https://hexui.sh/r/footer-5.json"},{"name":"hero-1","title":"Hero-1","description":"A simple and versatile hero section","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/hero-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-1.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/hero-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-2.json","copy_url":"https://hexui.sh/r/hero-2.json"},{"name":"hero-3","title":"Hero-3","description":"A simple horizontally aligned hero section","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/hero-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/hero-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-4.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/hero-5.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-5.json","copy_url":"https://hexui.sh/r/hero-5.json"},{"name":"login-1","title":"Login-1","description":"A simple login form","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/login-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-1.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/login-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-2.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/login-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/login-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-4.json","copy_url":"https://hexui.sh/r/login-4.json"},{"name":"sidebar-1","title":"Sidebar-1","description":"A sidebar for a note-taking application.","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/sidebar-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-1.json","copy_url":"https://hexui.sh/r/sidebar-1.json"},{"name":"sidebar-2","title":"Sidebar-2","description":"A sidebar built for developer app dashboards","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/sidebar-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-2.json","copy_url":"https://hexui.sh/r/sidebar-2.json"},{"name":"sidebar-3","title":"Sidebar-3","description":"A sidebar designed for AI applications","type":"registry:block","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/sidebar-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-3.json","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"source_url":"https://hexui.sh/r/marquee.json","install_command":"npx shadcn@latest add https://hexui.sh/r/marquee.json","copy_url":"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":null,"framework":"react","license":null,"tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://hirael.com","github":null,"registry":"https://hirael.com/r/registry.json","source":"https://hirael.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/hirael","markdown":"https://sh4dcn.vercel.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/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://hirael.com/blocks/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://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","registry_fetch":"curl -s https://hirael.com/r/registry.json"},"component_count":159,"components":[{"name":"multi-select","title":"Multi Select","description":"Chip-based multi-select with command-palette dropdown, search, select-all and async loader. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/multi-select.json","install_command":"npx shadcn@latest add https://hirael.com/r/multi-select.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/number-range.json","install_command":"npx shadcn@latest add https://hirael.com/r/number-range.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/year-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/year-picker.json","copy_url":"https://hirael.com/r/year-picker.json"},{"name":"tag-input","title":"Tag Input","description":"Chip input with paste-to-split, dedupe, validation hook, max tags. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/tag-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/tag-input.json","copy_url":"https://hirael.com/r/tag-input.json"},{"name":"combobox","title":"Combobox","description":"Searchable select on Base UI: single or multiple selection, chips, grouped options, an input addon slot and a clear button.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/combobox.json","install_command":"npx shadcn@latest add https://hirael.com/r/combobox.json","copy_url":"https://hirael.com/r/combobox.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/lazy-select.json","install_command":"npx shadcn@latest add https://hirael.com/r/lazy-select.json","copy_url":"https://hirael.com/r/lazy-select.json"},{"name":"password-input","title":"Password Input","description":"Show/hide toggle with an optional pluggable strength meter. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/password-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/password-input.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/currency-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/currency-input.json","copy_url":"https://hirael.com/r/currency-input.json"},{"name":"phone-input","title":"Phone Input","description":"Country dial-code dropdown with E.164 output. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/phone-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/phone-input.json","copy_url":"https://hirael.com/r/phone-input.json"},{"name":"file-dropzone","title":"File Dropzone","description":"Drag-drop + click upload zone with previews, accept and max-size validation. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/file-dropzone.json","install_command":"npx shadcn@latest add https://hirael.com/r/file-dropzone.json","copy_url":"https://hirael.com/r/file-dropzone.json"},{"name":"stat-card","title":"Stat Card","description":"Compact metric card with label, value, and an up/down/flat trend chip. Compound and single-prop APIs.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/stat-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/stat-card.json","copy_url":"https://hirael.com/r/stat-card.json"},{"name":"rating","title":"Rating","description":"Star rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/rating.json","install_command":"npx shadcn@latest add https://hirael.com/r/rating.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/timeline.json","install_command":"npx shadcn@latest add https://hirael.com/r/timeline.json","copy_url":"https://hirael.com/r/timeline.json"},{"name":"kbd","title":"Kbd","description":"3D tactile keycap with hover lift and pressed states. Compound API with KbdGroup for chords and KbdDisplay for inline keys.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/kbd.json","install_command":"npx shadcn@latest add https://hirael.com/r/kbd.json","copy_url":"https://hirael.com/r/kbd.json"},{"name":"callout","title":"Callout","description":"MDX-style admonition with info / success / warning / error / neutral variants and optional icon override. Ships --info / --success / --warning theme tokens.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/callout.json","install_command":"npx shadcn@latest add https://hirael.com/r/callout.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://hirael.com/r/scroll-progress.json","copy_url":"https://hirael.com/r/scroll-progress.json"},{"name":"hero-01","title":"Hero 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-01.json","copy_url":"https://hirael.com/r/hero-01.json"},{"name":"hero-02","title":"Hero 2","description":"Centered hero over animated grayscale gradient bars, with a live pill, a serif headline with an underlined accent, dual CTA and a wordmark strip.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-02.json","copy_url":"https://hirael.com/r/hero-02.json"},{"name":"hero-03","title":"Hero 3","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-03.json","copy_url":"https://hirael.com/r/hero-03.json"},{"name":"hero-04","title":"Hero 4","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-04.json","copy_url":"https://hirael.com/r/hero-04.json"},{"name":"hero-05","title":"Hero 5","description":"Full-bleed hero card over an animated aurora shader, with a glass pill nav, a glass content panel, a serif headline, dual CTA and an avatar social-proof row.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-05.json","copy_url":"https://hirael.com/r/hero-05.json"},{"name":"feature-01","title":"Feature 1","description":"Three alternating feature rows, each pairing a stylized Tailwind-only mock UI with a copy column (eyebrow, headline, paragraph, 3-item checklist).","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/feature-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-01.json","copy_url":"https://hirael.com/r/feature-01.json"},{"name":"feature-02","title":"Feature 2","description":"Section header above a 3-column, 2-row grid of bordered feature cards with lucide icons, headlines and short blurbs.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/feature-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-02.json","copy_url":"https://hirael.com/r/feature-02.json"},{"name":"pricing-01","title":"Pricing 1","description":"Three-tier card row with a featured middle plan. Each card lists price, blurb, feature checklist and a primary or outline CTA.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/pricing-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-01.json","copy_url":"https://hirael.com/r/pricing-01.json"},{"name":"pricing-02","title":"Pricing 2","description":"Compare-by-feature pricing table with sticky tier header (tier name, price, CTA) and ~8 feature rows below.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/pricing-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-02.json","copy_url":"https://hirael.com/r/pricing-02.json"},{"name":"pricing-03","title":"Pricing 3","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/pricing-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-03.json","copy_url":"https://hirael.com/r/pricing-03.json"},{"name":"testimonial-01","title":"Testimonial 1","description":"Centered single quote with stylized open-mark, author block (avatar, name, role, company) and a muted wordmark row below.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/testimonial-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-01.json","copy_url":"https://hirael.com/r/testimonial-01.json"},{"name":"testimonial-02","title":"Testimonial 2","description":"Masonry quote grid (CSS columns) with ~6 bordered quote cards of varying length and author rows.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/testimonial-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-02.json","copy_url":"https://hirael.com/r/testimonial-02.json"},{"name":"cta-01","title":"CTA 1","description":"Framed CTA card with corner marks, headline + sub-copy on the left, dual buttons stacked on the right.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-01.json","copy_url":"https://hirael.com/r/cta-01.json"},{"name":"cta-02","title":"CTA 2","description":"Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word, and an inline install command.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-02.json","copy_url":"https://hirael.com/r/cta-02.json"},{"name":"cta-03","title":"CTA 3","description":"Full-bleed CTA card with an animated dithered shader backdrop, a live status pill, a serif headline and a pill action button.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-03.json","copy_url":"https://hirael.com/r/cta-03.json"},{"name":"faq-01","title":"FAQ 1","description":"Two-column FAQ: sticky heading + contact card on the left, numbered accordion on the right.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/faq-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-01.json","copy_url":"https://hirael.com/r/faq-01.json"},{"name":"faq-02","title":"FAQ 2","description":"Centered heading with two-column accordion grid below. Each row tagged with a Qn index.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/faq-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-02.json","copy_url":"https://hirael.com/r/faq-02.json"},{"name":"faq-03","title":"FAQ 3","description":"Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/faq-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-03.json","copy_url":"https://hirael.com/r/faq-03.json"},{"name":"faq-04","title":"FAQ 4","description":"Framed single-column FAQ with side rules, a centered display header, five topic groups each pairing a heading with its own accordion, and a support footer line.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/faq-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-04.json","copy_url":"https://hirael.com/r/faq-04.json"},{"name":"login-01","title":"Login 1","description":"Centered login card with monogram, email + password (using the password-input component), remember-me, divider and GitHub / Google providers.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/login-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-01.json","copy_url":"https://hirael.com/r/login-01.json"},{"name":"login-02","title":"Login 2","description":"Two-pane login: form on the left, dark testimonial panel with quote and metrics on the right. Uses the strength-meter variant of password-input.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/login-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-02.json","copy_url":"https://hirael.com/r/login-02.json"},{"name":"signup-01","title":"Signup 1","description":"Centered signup card with monogram, name + email, strength-meter password-input, terms checkbox, divider and GitHub / Google providers. Validates inline on sub…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/signup-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/signup-01.json","copy_url":"https://hirael.com/r/signup-01.json"},{"name":"forgot-password-01","title":"Forgot Password 1","description":"Centered reset-request card: email with inline validation and a pending submit, swapping to a check-your-inbox state that echoes the address with resend and ba…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/forgot-password-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/forgot-password-01.json","copy_url":"https://hirael.com/r/forgot-password-01.json"},{"name":"otp-verify-01","title":"OTP Verify 1","description":"Centered verification card with a six-box code input built in the block: auto-advance, backspace, paste distribution and arrow-key focus, plus a 30s resend cou…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/otp-verify-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/otp-verify-01.json","copy_url":"https://hirael.com/r/otp-verify-01.json"},{"name":"header-01","title":"Header 1","description":"Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down mobile menu.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/header-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/header-01.json","copy_url":"https://hirael.com/r/header-01.json"},{"name":"footer-01","title":"Footer 1","description":"Brand + tagline column alongside Product / Company / Resources link columns, with a copyright row and social icons below a thin rule.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/footer-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-01.json","copy_url":"https://hirael.com/r/footer-01.json"},{"name":"not-found-01","title":"Not Found 1","description":"Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' suggested-routes list.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/not-found-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/not-found-01.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/month-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/month-picker.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/time-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/time-picker.json","copy_url":"https://hirael.com/r/time-picker.json"},{"name":"color-picker","title":"Color Picker","description":"SV gradient + hue slider with HEX / RGB / HSL tabs, eyedropper (where supported) and recent swatches.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/color-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/color-picker.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://hirael.com/r/avatar-stack.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/announcement-bar.json","install_command":"npx shadcn@latest add https://hirael.com/r/announcement-bar.json","copy_url":"https://hirael.com/r/announcement-bar.json"},{"name":"logo-cloud-01","title":"Logo Cloud 1","description":"Centered eyebrow + headline above a 5-column bordered wordmark grid, with stat strip and case-study link below.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/logo-cloud-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/logo-cloud-01.json","copy_url":"https://hirael.com/r/logo-cloud-01.json"},{"name":"contact-01","title":"Contact 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/contact-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-01.json","copy_url":"https://hirael.com/r/contact-01.json"},{"name":"blog-01","title":"Blog 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/blog-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/blog-01.json","copy_url":"https://hirael.com/r/blog-01.json"},{"name":"ecommerce-01","title":"E-commerce 1","description":"Product grid with category filter pills, sale and new badges, wishlist toggles, star ratings, compare-at pricing and per-card add buttons.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/ecommerce-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-01.json","copy_url":"https://hirael.com/r/ecommerce-01.json"},{"name":"ecommerce-02","title":"E-commerce 2","description":"Shopping cart with quantity steppers, removable line items, promo-code validation, a free-shipping threshold, live totals and an empty-cart state.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/ecommerce-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-02.json","copy_url":"https://hirael.com/r/ecommerce-02.json"},{"name":"dashboard-01","title":"Dashboard 1","description":"Operations dashboard with Tabs date-range switcher (1d / 7d / 30d / 90d), 4-up metric strip, weekly bar chart and a recent-activity feed. Data switches live wi…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-01.json","copy_url":"https://hirael.com/r/dashboard-01.json"},{"name":"dashboard-02","title":"Dashboard 2","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.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-02.json","copy_url":"https://hirael.com/r/dashboard-02.json"},{"name":"dashboard-03","title":"Dashboard 3","description":"Revenue dashboard with a month stepper, plan-mix donut and legend, invoice status list and a transactions table with status dots and a pagination footer.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-03.json","copy_url":"https://hirael.com/r/dashboard-03.json"},{"name":"dashboard-04","title":"Dashboard 4","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-04.json","copy_url":"https://hirael.com/r/dashboard-04.json"},{"name":"dashboard-05","title":"Dashboard 5","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-05.json","copy_url":"https://hirael.com/r/dashboard-05.json"},{"name":"integrations-01","title":"Integrations 1","description":"Two-column integrations section with copy and feature list on the left, orbit diagram (central hub + 7 logo spokes connected by dashed rays) on the right.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/integrations-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-01.json","copy_url":"https://hirael.com/r/integrations-01.json"},{"name":"image-gallery-01","title":"Image Gallery 1","description":"Studio-style masonry gallery with Tabs-driven category filter, real photo tiles via next/image, varied aspect ratios, hover zoom + arrow chip and an Empty fall…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/image-gallery-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-gallery-01.json","copy_url":"https://hirael.com/r/image-gallery-01.json"},{"name":"app-shell-01","title":"App Shell 1","description":"Drop-in admin shell layout built on the shadcn Sidebar primitive: collapsible icon-rail sidebar with nav badges and a footer profile row, sticky topbar with br…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/app-shell-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-01.json","copy_url":"https://hirael.com/r/app-shell-01.json"},{"name":"app-shell-02","title":"App Shell 2","description":"Sidebar-free admin shell with a sticky top navigation bar (logo, primary links, search and avatar) over a settings layout: an in-page vertical nav switches a d…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/app-shell-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-02.json","copy_url":"https://hirael.com/r/app-shell-02.json"},{"name":"app-shell-03","title":"App Shell 3","description":"Split-pane inbox shell: icon rail with unread indicator, searchable conversation list with an unread filter, and a reading pane with star toggle and a reply co…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/app-shell-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-03.json","copy_url":"https://hirael.com/r/app-shell-03.json"},{"name":"app-shell-04","title":"App Shell 4","description":"Starter shell on the shadcn Sidebar primitive (inset variant): workspace switcher and ⌘K search in the rail, icon-collapsible nav with tooltips, an inset heade…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/app-shell-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-04.json","copy_url":"https://hirael.com/r/app-shell-04.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with circle, dots and bars variants, sm / md / lg sizes. Inherits the current text color and ships an accessible status label.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/spinner.json","install_command":"npx shadcn@latest add https://hirael.com/r/spinner.json","copy_url":"https://hirael.com/r/spinner.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/copy-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/copy-button.json","copy_url":"https://hirael.com/r/copy-button.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/marquee.json","install_command":"npx shadcn@latest add https://hirael.com/r/marquee.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/tree-view.json","install_command":"npx shadcn@latest add https://hirael.com/r/tree-view.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/animated-number.json","install_command":"npx shadcn@latest add https://hirael.com/r/animated-number.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/stepper.json","install_command":"npx shadcn@latest add https://hirael.com/r/stepper.json","copy_url":"https://hirael.com/r/stepper.json"},{"name":"sortable","title":"Sortable","description":"Drag-to-reorder list with pointer and keyboard sorting, handle or whole-item dragging, and live-region announcements. No dnd-kit.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/sortable.json","install_command":"npx shadcn@latest add https://hirael.com/r/sortable.json","copy_url":"https://hirael.com/r/sortable.json"},{"name":"date-picker","title":"Date Picker","description":"Single-date picker with month grid, keyboard nav, min/max bounds and disabled dates. Includes an inline DateCalendar, no date library.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/date-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/date-picker.json","copy_url":"https://hirael.com/r/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Dual-month range picker with hover preview, presets, min/max bounds and keyboard nav. Includes an inline DateRangeCalendar, no date library.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/date-range-picker.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/mention-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/mention-input.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://hirael.com/r/rich-text-editor.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://hirael.com/r/inline-edit.json","copy_url":"https://hirael.com/r/inline-edit.json"},{"name":"signature-pad","title":"Signature Pad","description":"Canvas signature capture with velocity-based ink, per-stroke undo, theme-aware re-inking and PNG/JPEG export via ref.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://hirael.com/r/signature-pad.json","copy_url":"https://hirael.com/r/signature-pad.json"},{"name":"image-cropper","title":"Image Cropper","description":"Pan-and-zoom image cropper with rect or round mask, fixed aspect frame, pinch / wheel / keyboard control and canvas export via ref.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/image-cropper.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-cropper.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/image-compare.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-compare.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/lightbox.json","install_command":"npx shadcn@latest add https://hirael.com/r/lightbox.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://hirael.com/r/countdown-timer.json","copy_url":"https://hirael.com/r/countdown-timer.json"},{"name":"qr-code","title":"QR Code","description":"Dependency-free QR code generator rendering crisp SVG, with L/M/Q/H error correction, quiet-zone control and currentColor theming.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/qr-code.json","install_command":"npx shadcn@latest add https://hirael.com/r/qr-code.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://hirael.com/r/calendar-heatmap.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/code-block.json","install_command":"npx shadcn@latest add https://hirael.com/r/code-block.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/masonry.json","install_command":"npx shadcn@latest add https://hirael.com/r/masonry.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/audio-player.json","install_command":"npx shadcn@latest add https://hirael.com/r/audio-player.json","copy_url":"https://hirael.com/r/audio-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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/media-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/media-input.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/tour.json","install_command":"npx shadcn@latest add https://hirael.com/r/tour.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/activity-feed.json","install_command":"npx shadcn@latest add https://hirael.com/r/activity-feed.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/audit-log.json","install_command":"npx shadcn@latest add https://hirael.com/r/audit-log.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/blur-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/blur-reveal.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/text-reveal.json","copy_url":"https://hirael.com/r/text-reveal.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/scroll-reveal.json","copy_url":"https://hirael.com/r/scroll-reveal.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Card surface with a soft spotlight that tracks the cursor and fades in on hover. Built on design tokens, no hard-coded colors.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/spotlight-card.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/magnetic-button.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cursor-glow.json","install_command":"npx shadcn@latest add https://hirael.com/r/cursor-glow.json","copy_url":"https://hirael.com/r/cursor-glow.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/tilt-card.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://hirael.com/r/morphing-dialog.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dock.json","install_command":"npx shadcn@latest add https://hirael.com/r/dock.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/floating-action-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/floating-action-button.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://hirael.com/r/floating-toolbar.json","copy_url":"https://hirael.com/r/floating-toolbar.json"},{"name":"split-view","title":"Split View","description":"Two-pane master/detail layout with a draggable divider, keyboard resize, min/max bounds and horizontal or vertical orientation. RTL-aware.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/split-view.json","install_command":"npx shadcn@latest add https://hirael.com/r/split-view.json","copy_url":"https://hirael.com/r/split-view.json"},{"name":"resizable-panels","title":"Resizable Panels","description":"Composable resizable panel groups with draggable, keyboard-accessible handles, per-panel minimums and nestable horizontal or vertical groups. RTL-aware.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/resizable-panels.json","install_command":"npx shadcn@latest add https://hirael.com/r/resizable-panels.json","copy_url":"https://hirael.com/r/resizable-panels.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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/inspector-panel.json","install_command":"npx shadcn@latest add https://hirael.com/r/inspector-panel.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/tenant-switcher.json","install_command":"npx shadcn@latest add https://hirael.com/r/tenant-switcher.json","copy_url":"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 dependency-free sparkline. Ships composable parts.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/kpi-grid.json","install_command":"npx shadcn@latest add https://hirael.com/r/kpi-grid.json","copy_url":"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 tile is a button or, via asChild, a link. Ships composable parts.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/quick-actions.json","install_command":"npx shadcn@latest add https://hirael.com/r/quick-actions.json","copy_url":"https://hirael.com/r/quick-actions.json"},{"name":"notifications","title":"Notifications","description":"Notification panel with header, list, per-item media, title, description, time and an accent-cool unread marker. Ships composable parts.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/notifications.json","install_command":"npx shadcn@latest add https://hirael.com/r/notifications.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/billing-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/billing-card.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/subscription-plans.json","install_command":"npx shadcn@latest add https://hirael.com/r/subscription-plans.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/api-keys.json","install_command":"npx shadcn@latest add https://hirael.com/r/api-keys.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/usage-dashboard.json","install_command":"npx shadcn@latest add https://hirael.com/r/usage-dashboard.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/creative-studio.json","install_command":"npx shadcn@latest add https://hirael.com/r/creative-studio.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/agency-landing.json","install_command":"npx shadcn@latest add https://hirael.com/r/agency-landing.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/mindloop.json","install_command":"npx shadcn@latest add https://hirael.com/r/mindloop.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/portfolio.json","install_command":"npx shadcn@latest add https://hirael.com/r/portfolio.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/usd-halo.json","install_command":"npx shadcn@latest add https://hirael.com/r/usd-halo.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/rivr.json","install_command":"npx shadcn@latest add https://hirael.com/r/rivr.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/velorah.json","install_command":"npx shadcn@latest add https://hirael.com/r/velorah.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/asme.json","install_command":"npx shadcn@latest add https://hirael.com/r/asme.json","copy_url":"https://hirael.com/r/asme.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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/nexacore.json","install_command":"npx shadcn@latest add https://hirael.com/r/nexacore.json","copy_url":"https://hirael.com/r/nexacore.json"},{"name":"hero-06","title":"Hero 6","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-06.json","copy_url":"https://hirael.com/r/hero-06.json"},{"name":"hero-07","title":"Hero 7","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-07.json","copy_url":"https://hirael.com/r/hero-07.json"},{"name":"hero-08","title":"Hero 8","description":"Centered hero on a framed, token-lit panel: a pill badge eyebrow, a serif headline with an italic emphasis span, sub-copy, dual CTA buttons, and a faux app-win…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/hero-08.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-08.json","copy_url":"https://hirael.com/r/hero-08.json"},{"name":"testimonial-03","title":"Testimonial 3","description":"Centered statement quote with a serif display heading, an inline quote glyph in the corner, gradient hairline dividers, and a highlighted phrase, closed by a s…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/testimonial-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-03.json","copy_url":"https://hirael.com/r/testimonial-03.json"},{"name":"cta-04","title":"CTA 4","description":"Centered \"get in touch\" CTA with a mono eyebrow, serif headline, mail button, a direct-contact line, and a row of outline social icon buttons, capped by a soft…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-04.json","copy_url":"https://hirael.com/r/cta-04.json"},{"name":"cta-05","title":"CTA 5","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-05.json","copy_url":"https://hirael.com/r/cta-05.json"},{"name":"cta-06","title":"CTA 6","description":"Framed CTA banner over a tokenized gradient surface: an eyebrow label, a serif headline with an italic emphasis, short sub-copy, and a primary action button wi…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cta-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-06.json","copy_url":"https://hirael.com/r/cta-06.json"},{"name":"footer-02","title":"Footer 2","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/footer-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-02.json","copy_url":"https://hirael.com/r/footer-02.json"},{"name":"footer-03","title":"Footer 3","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/footer-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-03.json","copy_url":"https://hirael.com/r/footer-03.json"},{"name":"faq-05","title":"FAQ 5","description":"Two-column FAQ block: a mono eyebrow, serif headline and short intro sit on the start side; a single-open accordion of five questions sits on the end side, spl…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/faq-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-05.json","copy_url":"https://hirael.com/r/faq-05.json"},{"name":"contact-02","title":"Contact 2","description":"Bordered contact section with a serif header, a three-column info grid (email, location, social) using muted-fill labels and divider rules, and a \"Find us onli…","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/contact-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-02.json","copy_url":"https://hirael.com/r/contact-02.json"},{"name":"login-03","title":"Login 3","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/login-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-03.json","copy_url":"https://hirael.com/r/login-03.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/toc.json","install_command":"npx shadcn@latest add https://hirael.com/r/toc.json","copy_url":"https://hirael.com/r/toc.json"},{"name":"app-shell-05","title":"App Shell 5","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/app-shell-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-05.json","copy_url":"https://hirael.com/r/app-shell-05.json"},{"name":"dashboard-06","title":"Dashboard 6","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/dashboard-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-06.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/confirm.json","install_command":"npx shadcn@latest add https://hirael.com/r/confirm.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/unsaved-guard.json","install_command":"npx shadcn@latest add https://hirael.com/r/unsaved-guard.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/data-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/data-table.json","copy_url":"https://hirael.com/r/data-table.json"},{"name":"process-01","title":"Process 1","description":"How-it-works section with a three-step row: each step pairs an icon badge, a Step NN label, a title and a short body, joined by a hairline connector on desktop.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/process-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/process-01.json","copy_url":"https://hirael.com/r/process-01.json"},{"name":"feature-03","title":"Feature 3","description":"Bento feature grid: a large lead tile with a faux file-tree preview beside five smaller token-lit tiles, each with an icon, title and short blurb.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/feature-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-03.json","copy_url":"https://hirael.com/r/feature-03.json"},{"name":"comparison-01","title":"Comparison 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/comparison-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/comparison-01.json","copy_url":"https://hirael.com/r/comparison-01.json"},{"name":"newsletter-01","title":"Newsletter 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/newsletter-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/newsletter-01.json","copy_url":"https://hirael.com/r/newsletter-01.json"},{"name":"careers-01","title":"Careers 1","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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/careers-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/careers-01.json","copy_url":"https://hirael.com/r/careers-01.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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/metric-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/metric-card.json","copy_url":"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:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/yaml-editor.json","install_command":"npx shadcn@latest add https://hirael.com/r/yaml-editor.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/server-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/server-card.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/vm-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/vm-table.json","copy_url":"https://hirael.com/r/vm-table.json"},{"name":"k8s-pod-table","title":"K8s Pod Table","description":"Kubernetes pod table with phase pills (Running, Pending, CrashLoopBackOff), ready and restart counts that flag unhealthy pods.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/k8s-pod-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/k8s-pod-table.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/resource-status.json","install_command":"npx shadcn@latest add https://hirael.com/r/resource-status.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/cluster-map.json","install_command":"npx shadcn@latest add https://hirael.com/r/cluster-map.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/network-topology.json","install_command":"npx shadcn@latest add https://hirael.com/r/network-topology.json","copy_url":"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. Ships composable parts.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/storage-browser.json","install_command":"npx shadcn@latest add https://hirael.com/r/storage-browser.json","copy_url":"https://hirael.com/r/storage-browser.json"},{"name":"log-viewer","title":"Log Viewer","description":"Streaming log panel with severity-colored lines, timestamps, sources and tail-follow that unpins when you scroll up. Ships composable parts.","type":"registry:block","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/log-viewer.json","install_command":"npx shadcn@latest add https://hirael.com/r/log-viewer.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/terminal.json","install_command":"npx shadcn@latest add https://hirael.com/r/terminal.json","copy_url":"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","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/deployment-history.json","install_command":"npx shadcn@latest add https://hirael.com/r/deployment-history.json","copy_url":"https://hirael.com/r/deployment-history.json"},{"name":"accordion","title":"Accordion","description":"Radix-powered accordion primitive used by the FAQ blocks. Plus icon rotates to an X on open.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/accordion.json","install_command":"npx shadcn@latest add https://hirael.com/r/accordion.json","copy_url":"https://hirael.com/r/accordion.json"},{"name":"calendar-utils","title":"Calendar Utils","description":"Dependency-free date helpers (month grids, day math, keyboard-grid navigation) shared by date-picker and date-range-picker.","type":"registry:ui","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/calendar-utils.json","install_command":"npx shadcn@latest add https://hirael.com/r/calendar-utils.json","copy_url":"https://hirael.com/r/calendar-utils.json"},{"name":"theme-emerald","title":"Emerald theme","description":"Emerald accent preset for the hirael palette — sets --primary, --primary-foreground and --ring for light and dark.","type":"registry:theme","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"source_url":"https://hirael.com/r/theme-emerald.json","install_command":"npx shadcn@latest add https://hirael.com/r/theme-emerald.json","copy_url":"https://hirael.com/r/theme-emerald.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":null,"tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"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.vercel.app/registry/hugeicons-animated","markdown":"https://sh4dcn.vercel.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?a0733bbe354e8664","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-07-26T13:03:30Z"},"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":160,"components":[{"name":"add-circle","title":"add-circle","description":"Animated add circle icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/add-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/add-circle.json","copy_url":"https://hugeicons-animated.com/r/add-circle.json"},{"name":"airplane-take-off-01","title":"airplane-take-off-01","description":"Animated airplane take off icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/airplane-take-off-01.json"},{"name":"alarm-clock","title":"alarm-clock","description":"Animated alarm clock icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/alarm-clock.json","copy_url":"https://hugeicons-animated.com/r/alarm-clock.json"},{"name":"alert-circle","title":"alert-circle","description":"Animated alert circle icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/alert-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/alert-circle.json","copy_url":"https://hugeicons-animated.com/r/alert-circle.json"},{"name":"archive-02","title":"archive-02","description":"Animated archive icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/archive-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/archive-02.json","copy_url":"https://hugeicons-animated.com/r/archive-02.json"},{"name":"arrow-down-02","title":"arrow-down-02","description":"Animated arrow down icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/arrow-down-02.json"},{"name":"arrow-left-02","title":"arrow-left-02","description":"Animated arrow left icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/arrow-left-02.json"},{"name":"arrow-right-02","title":"arrow-right-02","description":"Animated arrow right icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/arrow-right-02.json"},{"name":"arrow-up-02","title":"arrow-up-02","description":"Animated arrow up icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/arrow-up-02.json"},{"name":"arrow-up-right-01","title":"arrow-up-right-01","description":"Animated arrow up right icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/arrow-up-right-01.json"},{"name":"attachment","title":"attachment","description":"Animated attachment icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/attachment.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/attachment.json","copy_url":"https://hugeicons-animated.com/r/attachment.json"},{"name":"battery-charging-01","title":"battery-charging-01","description":"Animated battery charging icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/battery-charging-01.json"},{"name":"bluetooth","title":"bluetooth","description":"Animated bluetooth icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/bluetooth.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bluetooth.json","copy_url":"https://hugeicons-animated.com/r/bluetooth.json"},{"name":"bookmark-01","title":"bookmark-01","description":"Animated bookmark icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/bookmark-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bookmark-01.json","copy_url":"https://hugeicons-animated.com/r/bookmark-01.json"},{"name":"bug-01","title":"bug-01","description":"Animated bug icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/bug-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bug-01.json","copy_url":"https://hugeicons-animated.com/r/bug-01.json"},{"name":"bulb","title":"bulb","description":"Animated bulb icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/bulb.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bulb.json","copy_url":"https://hugeicons-animated.com/r/bulb.json"},{"name":"calendar-03","title":"calendar-03","description":"Animated calendar icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/calendar-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/calendar-03.json","copy_url":"https://hugeicons-animated.com/r/calendar-03.json"},{"name":"calendar-add-01","title":"calendar-add-01","description":"Animated calendar add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/calendar-add-01.json"},{"name":"call-02","title":"call-02","description":"Animated call icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/call-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call-02.json","copy_url":"https://hugeicons-animated.com/r/call-02.json"},{"name":"call-incoming-01","title":"call-incoming-01","description":"Animated call incoming icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/call-outgoing-01.json"},{"name":"camera-01","title":"camera-01","description":"Animated camera icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/camera-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/camera-01.json","copy_url":"https://hugeicons-animated.com/r/camera-01.json"},{"name":"cancel-01","title":"cancel-01","description":"Animated cancel icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cancel-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cancel-01.json","copy_url":"https://hugeicons-animated.com/r/cancel-01.json"},{"name":"chevron-down","title":"chevron-down","description":"Animated chevron down icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/chevron-down.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-down.json","copy_url":"https://hugeicons-animated.com/r/chevron-down.json"},{"name":"chevron-left","title":"chevron-left","description":"Animated chevron left icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/chevron-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-left.json","copy_url":"https://hugeicons-animated.com/r/chevron-left.json"},{"name":"chevron-right","title":"chevron-right","description":"Animated chevron right icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/chevron-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-right.json","copy_url":"https://hugeicons-animated.com/r/chevron-right.json"},{"name":"chevron-up","title":"chevron-up","description":"Animated chevron up icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/chevron-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-up.json","copy_url":"https://hugeicons-animated.com/r/chevron-up.json"},{"name":"circle-check","title":"circle-check","description":"Animated circle check icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/circle-check.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/circle-check.json","copy_url":"https://hugeicons-animated.com/r/circle-check.json"},{"name":"circle-x","title":"circle-x","description":"Animated circle x icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/circle-x.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/circle-x.json","copy_url":"https://hugeicons-animated.com/r/circle-x.json"},{"name":"clipboard-paste","title":"clipboard-paste","description":"Animated clipboard paste icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/clipboard-paste.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clipboard-paste.json","copy_url":"https://hugeicons-animated.com/r/clipboard-paste.json"},{"name":"clipboard","title":"clipboard","description":"Animated clipboard icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/clipboard.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clipboard.json","copy_url":"https://hugeicons-animated.com/r/clipboard.json"},{"name":"clock-01","title":"clock-01","description":"Animated clock icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/clock-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clock-01.json","copy_url":"https://hugeicons-animated.com/r/clock-01.json"},{"name":"cloud-download","title":"cloud-download","description":"Animated cloud download icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cloud-download.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-download.json","copy_url":"https://hugeicons-animated.com/r/cloud-download.json"},{"name":"cloud-lightning","title":"cloud-lightning","description":"Animated cloud lightning icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cloud-lightning.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-lightning.json","copy_url":"https://hugeicons-animated.com/r/cloud-lightning.json"},{"name":"cloud-rain","title":"cloud-rain","description":"Animated cloud rain icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cloud-rain.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-rain.json","copy_url":"https://hugeicons-animated.com/r/cloud-rain.json"},{"name":"cloud-upload","title":"cloud-upload","description":"Animated cloud upload icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cloud-upload.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-upload.json","copy_url":"https://hugeicons-animated.com/r/cloud-upload.json"},{"name":"cloud","title":"cloud","description":"Animated cloud icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/cloud.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud.json","copy_url":"https://hugeicons-animated.com/r/cloud.json"},{"name":"code-xml","title":"code-xml","description":"Animated code xml icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/code-xml.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/code-xml.json","copy_url":"https://hugeicons-animated.com/r/code-xml.json"},{"name":"coffee-02","title":"coffee-02","description":"Animated coffee icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/coffee-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/coffee-02.json","copy_url":"https://hugeicons-animated.com/r/coffee-02.json"},{"name":"compass","title":"compass","description":"Animated compass icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/compass.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/compass.json","copy_url":"https://hugeicons-animated.com/r/compass.json"},{"name":"copy-01","title":"copy-01","description":"Animated copy icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/copy-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/copy-01.json","copy_url":"https://hugeicons-animated.com/r/copy-01.json"},{"name":"credit-card","title":"credit-card","description":"Animated credit card icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/credit-card.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/credit-card.json","copy_url":"https://hugeicons-animated.com/r/credit-card.json"},{"name":"crown","title":"crown","description":"Animated crown icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/crown.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/crown.json","copy_url":"https://hugeicons-animated.com/r/crown.json"},{"name":"cursor-pointer-01","title":"cursor-pointer-01","description":"Animated cursor pointer icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/dashboard-square-01.json"},{"name":"database","title":"database","description":"Animated database icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/database.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/database.json","copy_url":"https://hugeicons-animated.com/r/database.json"},{"name":"delete-02","title":"delete-02","description":"Animated delete icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/delete-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/delete-02.json","copy_url":"https://hugeicons-animated.com/r/delete-02.json"},{"name":"diamond-02","title":"diamond-02","description":"Animated diamond icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/diamond-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/diamond-02.json","copy_url":"https://hugeicons-animated.com/r/diamond-02.json"},{"name":"document-attachment","title":"document-attachment","description":"Animated document attachment icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/document-attachment.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/document-attachment.json","copy_url":"https://hugeicons-animated.com/r/document-attachment.json"},{"name":"download-01","title":"download-01","description":"Animated download icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/download-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/download-01.json","copy_url":"https://hugeicons-animated.com/r/download-01.json"},{"name":"earth","title":"earth","description":"Animated earth icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/earth.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/earth.json","copy_url":"https://hugeicons-animated.com/r/earth.json"},{"name":"edit-02","title":"edit-02","description":"Animated edit icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/edit-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/edit-02.json","copy_url":"https://hugeicons-animated.com/r/edit-02.json"},{"name":"external-link","title":"external-link","description":"Animated external link icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/external-link.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/external-link.json","copy_url":"https://hugeicons-animated.com/r/external-link.json"},{"name":"eye-off","title":"eye-off","description":"Animated eye off icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/eye-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/eye-off.json","copy_url":"https://hugeicons-animated.com/r/eye-off.json"},{"name":"eye","title":"eye","description":"Animated eye icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/eye.json","copy_url":"https://hugeicons-animated.com/r/eye.json"},{"name":"favourite","title":"favourite","description":"Animated favourite icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/favourite.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/favourite.json","copy_url":"https://hugeicons-animated.com/r/favourite.json"},{"name":"file-01","title":"file-01","description":"Animated file icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/file-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-01.json","copy_url":"https://hugeicons-animated.com/r/file-01.json"},{"name":"file-add","title":"file-add","description":"Animated file add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/file-add.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-add.json","copy_url":"https://hugeicons-animated.com/r/file-add.json"},{"name":"file-download","title":"file-download","description":"Animated file download icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/file-download.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-download.json","copy_url":"https://hugeicons-animated.com/r/file-download.json"},{"name":"file-upload","title":"file-upload","description":"Animated file upload icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/file-upload.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-upload.json","copy_url":"https://hugeicons-animated.com/r/file-upload.json"},{"name":"filter","title":"filter","description":"Animated filter icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/filter.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/filter.json","copy_url":"https://hugeicons-animated.com/r/filter.json"},{"name":"fire","title":"fire","description":"Animated fire icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/fire.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/fire.json","copy_url":"https://hugeicons-animated.com/r/fire.json"},{"name":"flash","title":"flash","description":"Animated flash icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/flash.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/flash.json","copy_url":"https://hugeicons-animated.com/r/flash.json"},{"name":"flower","title":"flower","description":"Animated flower icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/flower.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/flower.json","copy_url":"https://hugeicons-animated.com/r/flower.json"},{"name":"folder-01","title":"folder-01","description":"Animated folder icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/folder-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-01.json","copy_url":"https://hugeicons-animated.com/r/folder-01.json"},{"name":"folder-add","title":"folder-add","description":"Animated folder add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/folder-add.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-add.json","copy_url":"https://hugeicons-animated.com/r/folder-add.json"},{"name":"folder-open","title":"folder-open","description":"Animated folder open icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/folder-open.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-open.json","copy_url":"https://hugeicons-animated.com/r/folder-open.json"},{"name":"full-screen","title":"full-screen","description":"Animated full screen icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/full-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/full-screen.json","copy_url":"https://hugeicons-animated.com/r/full-screen.json"},{"name":"ghost","title":"ghost","description":"Animated ghost icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/ghost.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/ghost.json","copy_url":"https://hugeicons-animated.com/r/ghost.json"},{"name":"gift","title":"gift","description":"Animated gift icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/gift.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/gift.json","copy_url":"https://hugeicons-animated.com/r/gift.json"},{"name":"github","title":"github","description":"Animated github icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/github.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/github.json","copy_url":"https://hugeicons-animated.com/r/github.json"},{"name":"grid-view","title":"grid-view","description":"Animated grid view icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/grid-view.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/grid-view.json","copy_url":"https://hugeicons-animated.com/r/grid-view.json"},{"name":"headphones","title":"headphones","description":"Animated headphones icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/headphones.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/headphones.json","copy_url":"https://hugeicons-animated.com/r/headphones.json"},{"name":"help-circle","title":"help-circle","description":"Animated help circle icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/help-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/help-circle.json","copy_url":"https://hugeicons-animated.com/r/help-circle.json"},{"name":"history","title":"history","description":"Animated history icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/history.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/history.json","copy_url":"https://hugeicons-animated.com/r/history.json"},{"name":"home-01","title":"home-01","description":"Animated home icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/home-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/home-01.json","copy_url":"https://hugeicons-animated.com/r/home-01.json"},{"name":"image-01","title":"image-01","description":"Animated image icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/image-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/image-01.json","copy_url":"https://hugeicons-animated.com/r/image-01.json"},{"name":"inbox","title":"inbox","description":"Animated inbox icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/inbox.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/inbox.json","copy_url":"https://hugeicons-animated.com/r/inbox.json"},{"name":"information-circle","title":"information-circle","description":"Animated information circle icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/information-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/information-circle.json","copy_url":"https://hugeicons-animated.com/r/information-circle.json"},{"name":"key-01","title":"key-01","description":"Animated key icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/key-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/key-01.json","copy_url":"https://hugeicons-animated.com/r/key-01.json"},{"name":"leaf-01","title":"leaf-01","description":"Animated leaf icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/leaf-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/leaf-01.json","copy_url":"https://hugeicons-animated.com/r/leaf-01.json"},{"name":"link-01","title":"link-01","description":"Animated link icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/link-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/link-01.json","copy_url":"https://hugeicons-animated.com/r/link-01.json"},{"name":"link-square-02","title":"link-square-02","description":"Animated link square icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/link-square-02.json"},{"name":"list-view","title":"list-view","description":"Animated list view icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/list-view.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/list-view.json","copy_url":"https://hugeicons-animated.com/r/list-view.json"},{"name":"loading-03","title":"loading-03","description":"Animated loading icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/loading-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/loading-03.json","copy_url":"https://hugeicons-animated.com/r/loading-03.json"},{"name":"location-01","title":"location-01","description":"Animated location icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/location-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/location-01.json","copy_url":"https://hugeicons-animated.com/r/location-01.json"},{"name":"location-add-01","title":"location-add-01","description":"Animated location add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/location-add-01.json"},{"name":"lock","title":"lock","description":"Animated lock icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/lock.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/lock.json","copy_url":"https://hugeicons-animated.com/r/lock.json"},{"name":"login-01","title":"login-01","description":"Animated login icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/login-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/login-01.json","copy_url":"https://hugeicons-animated.com/r/login-01.json"},{"name":"logout-01","title":"logout-01","description":"Animated logout icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/logout-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/logout-01.json","copy_url":"https://hugeicons-animated.com/r/logout-01.json"},{"name":"magic-wand-01","title":"magic-wand-01","description":"Animated magic wand icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/magic-wand-01.json"},{"name":"mail-01","title":"mail-01","description":"Animated mail icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/mail-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-01.json","copy_url":"https://hugeicons-animated.com/r/mail-01.json"},{"name":"mail-open","title":"mail-open","description":"Animated mail open icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/mail-open.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-open.json","copy_url":"https://hugeicons-animated.com/r/mail-open.json"},{"name":"maximize-screen","title":"maximize-screen","description":"Animated maximize screen icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/maximize-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/maximize-screen.json","copy_url":"https://hugeicons-animated.com/r/maximize-screen.json"},{"name":"menu-01","title":"menu-01","description":"Animated menu icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/menu-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/menu-01.json","copy_url":"https://hugeicons-animated.com/r/menu-01.json"},{"name":"message-01","title":"message-01","description":"Animated message icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/message-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/message-01.json","copy_url":"https://hugeicons-animated.com/r/message-01.json"},{"name":"message-add-01","title":"message-add-01","description":"Animated message add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/message-add-01.json"},{"name":"mic-01","title":"mic-01","description":"Animated mic icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/mic-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mic-01.json","copy_url":"https://hugeicons-animated.com/r/mic-01.json"},{"name":"minimize-screen","title":"minimize-screen","description":"Animated minimize screen icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/minimize-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minimize-screen.json","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/minus-sign-circle.json"},{"name":"minus-sign","title":"minus-sign","description":"Animated minus sign icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/minus-sign.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minus-sign.json","copy_url":"https://hugeicons-animated.com/r/minus-sign.json"},{"name":"moon-02","title":"moon-02","description":"Animated moon icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/moon-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/moon-02.json","copy_url":"https://hugeicons-animated.com/r/moon-02.json"},{"name":"more-horizontal","title":"more-horizontal","description":"Animated more horizontal icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/more-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/more-horizontal.json","copy_url":"https://hugeicons-animated.com/r/more-horizontal.json"},{"name":"more-vertical","title":"more-vertical","description":"Animated more vertical icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/more-vertical.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/more-vertical.json","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/music-note-01.json"},{"name":"notification-03","title":"notification-03","description":"Animated notification icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/notification-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/notification-03.json","copy_url":"https://hugeicons-animated.com/r/notification-03.json"},{"name":"notification-off-01","title":"notification-off-01","description":"Animated notification off icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/paint-brush-02.json"},{"name":"panel-left","title":"panel-left","description":"Animated panel left icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/panel-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/panel-left.json","copy_url":"https://hugeicons-animated.com/r/panel-left.json"},{"name":"party","title":"party","description":"Animated party icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/party.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/party.json","copy_url":"https://hugeicons-animated.com/r/party.json"},{"name":"pause","title":"pause","description":"Animated pause icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/pause.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/pause.json","copy_url":"https://hugeicons-animated.com/r/pause.json"},{"name":"pin","title":"pin","description":"Animated pin icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/pin.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/pin.json","copy_url":"https://hugeicons-animated.com/r/pin.json"},{"name":"play","title":"play","description":"Animated play icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/play.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/play.json","copy_url":"https://hugeicons-animated.com/r/play.json"},{"name":"plus-sign","title":"plus-sign","description":"Animated plus sign icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/plus-sign.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/plus-sign.json","copy_url":"https://hugeicons-animated.com/r/plus-sign.json"},{"name":"printer","title":"printer","description":"Animated printer icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/printer.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/printer.json","copy_url":"https://hugeicons-animated.com/r/printer.json"},{"name":"puzzle","title":"puzzle","description":"Animated puzzle icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/puzzle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/puzzle.json","copy_url":"https://hugeicons-animated.com/r/puzzle.json"},{"name":"qr-code-01","title":"qr-code-01","description":"Animated qr code icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/qr-code-01.json"},{"name":"redo","title":"redo","description":"Animated redo icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/redo.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/redo.json","copy_url":"https://hugeicons-animated.com/r/redo.json"},{"name":"refresh","title":"refresh","description":"Animated refresh icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/refresh.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/refresh.json","copy_url":"https://hugeicons-animated.com/r/refresh.json"},{"name":"robot-01","title":"robot-01","description":"Animated robot icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/robot-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/robot-01.json","copy_url":"https://hugeicons-animated.com/r/robot-01.json"},{"name":"rocket-01","title":"rocket-01","description":"Animated rocket icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/rocket-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/rocket-01.json","copy_url":"https://hugeicons-animated.com/r/rocket-01.json"},{"name":"save","title":"save","description":"Animated save icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/save.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/save.json","copy_url":"https://hugeicons-animated.com/r/save.json"},{"name":"scissor-01","title":"scissor-01","description":"Animated scissor icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/scissor-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/scissor-01.json","copy_url":"https://hugeicons-animated.com/r/scissor-01.json"},{"name":"search-01","title":"search-01","description":"Animated search icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/search-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/search-01.json","copy_url":"https://hugeicons-animated.com/r/search-01.json"},{"name":"sent","title":"sent","description":"Animated sent icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/sent.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sent.json","copy_url":"https://hugeicons-animated.com/r/sent.json"},{"name":"settings-01","title":"settings-01","description":"Animated settings icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/settings-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/settings-01.json","copy_url":"https://hugeicons-animated.com/r/settings-01.json"},{"name":"share-08","title":"share-08","description":"Animated share icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/share-08.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/share-08.json","copy_url":"https://hugeicons-animated.com/r/share-08.json"},{"name":"shield-02","title":"shield-02","description":"Animated shield icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/shield-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/shield-02.json","copy_url":"https://hugeicons-animated.com/r/shield-02.json"},{"name":"shopping-cart-01","title":"shopping-cart-01","description":"Animated shopping cart icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/shopping-cart-add-01.json"},{"name":"sleeping","title":"sleeping","description":"Animated sleeping icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/sleeping.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sleeping.json","copy_url":"https://hugeicons-animated.com/r/sleeping.json"},{"name":"sliders-horizontal","title":"sliders-horizontal","description":"Animated sliders horizontal icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/sliders-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sliders-horizontal.json","copy_url":"https://hugeicons-animated.com/r/sliders-horizontal.json"},{"name":"smile","title":"smile","description":"Animated smile icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/smile.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/smile.json","copy_url":"https://hugeicons-animated.com/r/smile.json"},{"name":"snow","title":"snow","description":"Animated snow icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/snow.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/snow.json","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/sort-by-up-01.json"},{"name":"sparkles","title":"sparkles","description":"Animated sparkles icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/sparkles.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sparkles.json","copy_url":"https://hugeicons-animated.com/r/sparkles.json"},{"name":"square-lock-01","title":"square-lock-01","description":"Animated square lock icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/square-lock-01.json"},{"name":"star","title":"star","description":"Animated star icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/star.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/star.json","copy_url":"https://hugeicons-animated.com/r/star.json"},{"name":"sun-03","title":"sun-03","description":"Animated sun icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/sun-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sun-03.json","copy_url":"https://hugeicons-animated.com/r/sun-03.json"},{"name":"target-01","title":"target-01","description":"Animated target icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/target-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/target-01.json","copy_url":"https://hugeicons-animated.com/r/target-01.json"},{"name":"thumbs-up","title":"thumbs-up","description":"Animated thumbs up icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/thumbs-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/thumbs-up.json","copy_url":"https://hugeicons-animated.com/r/thumbs-up.json"},{"name":"tick-02","title":"tick-02","description":"Animated tick icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/tick-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/tick-02.json","copy_url":"https://hugeicons-animated.com/r/tick-02.json"},{"name":"umbrella","title":"umbrella","description":"Animated umbrella icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/umbrella.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/umbrella.json","copy_url":"https://hugeicons-animated.com/r/umbrella.json"},{"name":"undo","title":"undo","description":"Animated undo icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/undo.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/undo.json","copy_url":"https://hugeicons-animated.com/r/undo.json"},{"name":"upload-01","title":"upload-01","description":"Animated upload icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/upload-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/upload-01.json","copy_url":"https://hugeicons-animated.com/r/upload-01.json"},{"name":"user-add-01","title":"user-add-01","description":"Animated user add icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/user-check-01.json"},{"name":"user-group","title":"user-group","description":"Animated user group icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/user-group.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-group.json","copy_url":"https://hugeicons-animated.com/r/user-group.json"},{"name":"user-multiple-02","title":"user-multiple-02","description":"Animated user multiple icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/user-remove-01.json"},{"name":"user","title":"user","description":"Animated user icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/user.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user.json","copy_url":"https://hugeicons-animated.com/r/user.json"},{"name":"video-01","title":"video-01","description":"Animated video icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/video-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/video-01.json","copy_url":"https://hugeicons-animated.com/r/video-01.json"},{"name":"volume-high","title":"volume-high","description":"Animated volume high icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/volume-high.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/volume-high.json","copy_url":"https://hugeicons-animated.com/r/volume-high.json"},{"name":"volume-mute-01","title":"volume-mute-01","description":"Animated volume mute icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/volume-mute-01.json"},{"name":"wallet-01","title":"wallet-01","description":"Animated wallet icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/wallet-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/wallet-01.json","copy_url":"https://hugeicons-animated.com/r/wallet-01.json"},{"name":"wifi-01","title":"wifi-01","description":"Animated wifi icon","type":"registry:ui","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://hugeicons-animated.com/r/wifi-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/wifi-01.json","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"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","tags":["ai","animation","audio","auth","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays"],"categories":["Animated components"],"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","copy_url":"https://hugeicons-animated.com/r/zoom-out-area.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.vercel.app/registry/iconiq","markdown":"https://sh4dcn.vercel.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":52,"open_issues":5,"last_commit":"2026-07-08T05:06:24Z"},"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":119,"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","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)"],"source_url":"https://iconiqui.com/r/accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/accordion.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/ai-input.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/ai-input.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/alert.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/alert.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/avatar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-accordion.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-alert-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-alert-dialog.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-autocomplete.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-autocomplete.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-avatar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-button.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-checkbox-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-checkbox-group.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-checkbox.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-collapsible.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-collapsible.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-combobox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-combobox.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-context-menu.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-context-menu.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-dialog.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-hover-card.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-popover.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-progress.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-radio-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-radio-group.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-select.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-selection-toolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-selection-toolbar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-separator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-separator.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-slider.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-switch.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-tabs.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-toggle.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-togglegroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-togglegroup.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/b-tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-tooltip.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/badge.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/banner.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/banner.json","copy_url":"https://iconiqui.com/r/banner.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","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)"],"source_url":"https://iconiqui.com/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/breadcrumbs.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/button-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/button-group.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/button.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/calendar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/calendar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/card.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/carousel.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/carousel.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/charts.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/charts.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/checkbox-group.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/checkbox.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/code-block.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/code-block.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/color-picker.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/combobox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/combobox.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/command-palette.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/context-menu.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/contribution-graph.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/date-picker.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/dia-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dia-text.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dialog.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/drawer.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/drawer.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/dropdown.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dropdown.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/faq-pro.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/faq-pro.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/favicon-badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/favicon-badge.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/feedback.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/feedback.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/file-tree.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/file-tree.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/file-upload.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/file-upload.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/flux-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/flux-button.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/hover-card.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/icon-bar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/icon-bar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/infiniteribbon.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/infiniteribbon.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/input-otp.json","copy_url":"https://iconiqui.com/r/input-otp.json"},{"name":"input","title":"Input","description":"Input with a spring-animated caret.","type":"registry:ui","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)"],"source_url":"https://iconiqui.com/r/input.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/input.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/logo-carousal.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/logo-carousal.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/marker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/marker.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/message.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/message.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/morph-texts.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/morph-texts.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/popover.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-accordion.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-alert-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-alert-dialog.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-avatar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-checkbox.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-collapsible.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-collapsible.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-dialog.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-dropdown.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-dropdown.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-hover-card.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-popover.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-progress.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-radio-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-radio-group.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-select.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-selection-toolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-selection-toolbar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-separator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-separator.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-slider.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-switch.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-tabs.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-toggle.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-togglegroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-togglegroup.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/r-tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-tooltip.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/radial-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/radial-button.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/radiogroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/radiogroup.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/rating.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/rating.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/reasoning-steps.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/reasoning-steps.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/reveal-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/reveal-text.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/rolling-digits.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/rolling-digits.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/scroll-progress.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/select.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/selectiontoolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/selectiontoolbar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/setup-checklist.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/setup-checklist.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/shimmer-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/shimmer-text.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/skeleton.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/slider.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/spinner.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/spinner.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/status-dot.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/status-dot.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/streaming-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/streaming-text.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/switch.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/table.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/table.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/tabs.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/team-invitation.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/team-invitation.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/testimonials.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/testimonials.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/text-inertia.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/text-inertia.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/text-loop.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/text-loop.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/theme-toggle.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/thinking-indicator.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/timezone.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/timezone.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/tooltip.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/typewriter.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/typewriter.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/typography.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/typography.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/verified-badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/verified-badge.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/week-calendar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/week-calendar.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/wheel-picker.json","copy_url":"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","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)"],"source_url":"https://iconiqui.com/r/iconiq-theme.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/iconiq-theme.json","copy_url":"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"],"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.vercel.app/registry/icons-animated","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":77,"open_issues":0,"last_commit":"2026-04-18T20:31:41Z"},"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":"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","loaders","navigation","overlays","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.vercel.app/registry/indiacn","markdown":"https://sh4dcn.vercel.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?589f6f680b2d7e00","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":3,"last_commit":"2026-05-23T18:28:30Z"},"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":26,"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/theme.json","install_command":"npx shadcn@latest add https://indiacn.in/r/theme.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/typography.json","install_command":"npx shadcn@latest add https://indiacn.in/r/typography.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/button.json","install_command":"npx shadcn@latest add https://indiacn.in/r/button.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/button-group.json","install_command":"npx shadcn@latest add https://indiacn.in/r/button-group.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/badge.json","install_command":"npx shadcn@latest add https://indiacn.in/r/badge.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/alert.json","install_command":"npx shadcn@latest add https://indiacn.in/r/alert.json","copy_url":"https://indiacn.in/r/alert.json"},{"name":"accordion","title":"Accordion","description":"Vertically-stacked collapsible sections. Built on Radix Accordion primitive.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/accordion.json","install_command":"npx shadcn@latest add https://indiacn.in/r/accordion.json","copy_url":"https://indiacn.in/r/accordion.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation trail showing the current page's hierarchy.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/breadcrumb.json","install_command":"npx shadcn@latest add https://indiacn.in/r/breadcrumb.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/card.json","install_command":"npx shadcn@latest add https://indiacn.in/r/card.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/chip.json","install_command":"npx shadcn@latest add https://indiacn.in/r/chip.json","copy_url":"https://indiacn.in/r/chip.json"},{"name":"collapse","title":"Collapse","description":"Single collapsible region powered by Radix Collapsible.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/collapse.json","install_command":"npx shadcn@latest add https://indiacn.in/r/collapse.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/dropdown.json","install_command":"npx shadcn@latest add https://indiacn.in/r/dropdown.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/list-group.json","install_command":"npx shadcn@latest add https://indiacn.in/r/list-group.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/modal.json","install_command":"npx shadcn@latest add https://indiacn.in/r/modal.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/offcanvas.json","install_command":"npx shadcn@latest add https://indiacn.in/r/offcanvas.json","copy_url":"https://indiacn.in/r/offcanvas.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with default and flat variants in 3 sizes.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/pagination.json","install_command":"npx shadcn@latest add https://indiacn.in/r/pagination.json","copy_url":"https://indiacn.in/r/pagination.json"},{"name":"popover","title":"Popover","description":"Anchored floating panel powered by Radix Popover.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/popover.json","install_command":"npx shadcn@latest add https://indiacn.in/r/popover.json","copy_url":"https://indiacn.in/r/popover.json"},{"name":"progress","title":"Progress","description":"Linear progress bar with theme colors, sizes, striped + animated stripes.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/progress.json","install_command":"npx shadcn@latest add https://indiacn.in/r/progress.json","copy_url":"https://indiacn.in/r/progress.json"},{"name":"search","title":"Search","description":"Search input with icon, sizes, and optional clear button.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/search.json","install_command":"npx shadcn@latest add https://indiacn.in/r/search.json","copy_url":"https://indiacn.in/r/search.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical divider built on Radix Separator.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/separator.json","install_command":"npx shadcn@latest add https://indiacn.in/r/separator.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/skeleton.json","install_command":"npx shadcn@latest add https://indiacn.in/r/skeleton.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/spinner.json","install_command":"npx shadcn@latest add https://indiacn.in/r/spinner.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/stepper.json","install_command":"npx shadcn@latest add https://indiacn.in/r/stepper.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/tabs.json","install_command":"npx shadcn@latest add https://indiacn.in/r/tabs.json","copy_url":"https://indiacn.in/r/tabs.json"},{"name":"toast","title":"Toast","description":"Notification toast with provider, hook, container, and theme variants.","type":"registry:ui","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/toast.json","install_command":"npx shadcn@latest add https://indiacn.in/r/toast.json","copy_url":"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","tags":["accessibility","buttons","cards","charts","components","design-system","loaders","navigation","overlays","theming"],"categories":["Design system"],"source_url":"https://indiacn.in/r/tooltip.json","install_command":"npx shadcn@latest add https://indiacn.in/r/tooltip.json","copy_url":"https://indiacn.in/r/tooltip.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","tables"],"categories":["AI/chat UI"],"labels":["featured"],"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.vercel.app/registry/inferencesh","markdown":"https://sh4dcn.vercel.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://cloud.inference.sh/web/assets/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":21,"open_issues":6,"last_commit":"2026-06-14T04:16:35Z"},"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/agent.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/agent.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/chat.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/chat.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/tools.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/tools.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/task.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/task.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/widgets.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/widgets.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/pretext-md.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/pretext-md.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/virtualize.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/virtualize.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/markdown.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/markdown.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/code-block.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/code-block.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/youtube-embed.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/youtube-embed.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/zoomable-image.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/zoomable-image.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/steps.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/steps.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/sidebar-light.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/sidebar-light.json","copy_url":"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","tags":["ai","blocks","dashboard","developer-tools","loaders","media","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://ui.inference.sh/r/table-of-contents.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.vercel.app/registry/intentui","markdown":"https://sh4dcn.vercel.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":1941,"open_issues":7,"last_commit":"2026-07-06T08:16:40Z"},"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-default","install_command":"npx shadcn@latest add https://intentui.com/r/theme-default","copy_url":"https://intentui.com/r/theme-default"},{"name":"theme-blue","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-blue","install_command":"npx shadcn@latest add https://intentui.com/r/theme-blue","copy_url":"https://intentui.com/r/theme-blue"},{"name":"theme-sky","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-sky","install_command":"npx shadcn@latest add https://intentui.com/r/theme-sky","copy_url":"https://intentui.com/r/theme-sky"},{"name":"theme-indigo","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-indigo","install_command":"npx shadcn@latest add https://intentui.com/r/theme-indigo","copy_url":"https://intentui.com/r/theme-indigo"},{"name":"theme-emerald","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-emerald","install_command":"npx shadcn@latest add https://intentui.com/r/theme-emerald","copy_url":"https://intentui.com/r/theme-emerald"},{"name":"theme-teal","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-teal","install_command":"npx shadcn@latest add https://intentui.com/r/theme-teal","copy_url":"https://intentui.com/r/theme-teal"},{"name":"theme-purple","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-purple","install_command":"npx shadcn@latest add https://intentui.com/r/theme-purple","copy_url":"https://intentui.com/r/theme-purple"},{"name":"theme-pink","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-pink","install_command":"npx shadcn@latest add https://intentui.com/r/theme-pink","copy_url":"https://intentui.com/r/theme-pink"},{"name":"theme-rose","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-rose","install_command":"npx shadcn@latest add https://intentui.com/r/theme-rose","copy_url":"https://intentui.com/r/theme-rose"},{"name":"theme-green","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-green","install_command":"npx shadcn@latest add https://intentui.com/r/theme-green","copy_url":"https://intentui.com/r/theme-green"},{"name":"theme-lime","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-lime","install_command":"npx shadcn@latest add https://intentui.com/r/theme-lime","copy_url":"https://intentui.com/r/theme-lime"},{"name":"theme-cyan","title":null,"description":null,"type":"registry:style","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-cyan","install_command":"npx shadcn@latest add https://intentui.com/r/theme-cyan","copy_url":"https://intentui.com/r/theme-cyan"},{"name":"area-chart","title":"area-chart","description":"area-chart","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart","copy_url":"https://intentui.com/r/area-chart"},{"name":"avatar","title":"avatar","description":"avatar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/avatar","install_command":"npx shadcn@latest add https://intentui.com/r/avatar","copy_url":"https://intentui.com/r/avatar"},{"name":"badge","title":"badge","description":"badge","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/badge","install_command":"npx shadcn@latest add https://intentui.com/r/badge","copy_url":"https://intentui.com/r/badge"},{"name":"bar-chart","title":"bar-chart","description":"bar-chart","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart","copy_url":"https://intentui.com/r/bar-chart"},{"name":"bar-list","title":"bar-list","description":"bar-list","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-list","install_command":"npx shadcn@latest add https://intentui.com/r/bar-list","copy_url":"https://intentui.com/r/bar-list"},{"name":"breadcrumbs","title":"breadcrumbs","description":"breadcrumbs","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/breadcrumbs","install_command":"npx shadcn@latest add https://intentui.com/r/breadcrumbs","copy_url":"https://intentui.com/r/breadcrumbs"},{"name":"button-group","title":"button-group","description":"button-group","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/button-group","install_command":"npx shadcn@latest add https://intentui.com/r/button-group","copy_url":"https://intentui.com/r/button-group"},{"name":"button","title":"button","description":"button","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/button","install_command":"npx shadcn@latest add https://intentui.com/r/button","copy_url":"https://intentui.com/r/button"},{"name":"calendar","title":"calendar","description":"calendar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/calendar","install_command":"npx shadcn@latest add https://intentui.com/r/calendar","copy_url":"https://intentui.com/r/calendar"},{"name":"card","title":"card","description":"card","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card","install_command":"npx shadcn@latest add https://intentui.com/r/card","copy_url":"https://intentui.com/r/card"},{"name":"carousel","title":"carousel","description":"carousel","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/carousel","install_command":"npx shadcn@latest add https://intentui.com/r/carousel","copy_url":"https://intentui.com/r/carousel"},{"name":"chart","title":"chart","description":"chart","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/chart","install_command":"npx shadcn@latest add https://intentui.com/r/chart","copy_url":"https://intentui.com/r/chart"},{"name":"checkbox","title":"checkbox","description":"checkbox","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/checkbox","install_command":"npx shadcn@latest add https://intentui.com/r/checkbox","copy_url":"https://intentui.com/r/checkbox"},{"name":"choice-box","title":"choice-box","description":"choice-box","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/choice-box","install_command":"npx shadcn@latest add https://intentui.com/r/choice-box","copy_url":"https://intentui.com/r/choice-box"},{"name":"color-area","title":"color-area","description":"color-area","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-area","install_command":"npx shadcn@latest add https://intentui.com/r/color-area","copy_url":"https://intentui.com/r/color-area"},{"name":"color-field","title":"color-field","description":"color-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-field","install_command":"npx shadcn@latest add https://intentui.com/r/color-field","copy_url":"https://intentui.com/r/color-field"},{"name":"color-picker","title":"color-picker","description":"color-picker","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-picker","install_command":"npx shadcn@latest add https://intentui.com/r/color-picker","copy_url":"https://intentui.com/r/color-picker"},{"name":"color-slider","title":"color-slider","description":"color-slider","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-slider","install_command":"npx shadcn@latest add https://intentui.com/r/color-slider","copy_url":"https://intentui.com/r/color-slider"},{"name":"color-swatch-picker","title":"color-swatch-picker","description":"color-swatch-picker","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-swatch-picker","install_command":"npx shadcn@latest add https://intentui.com/r/color-swatch-picker","copy_url":"https://intentui.com/r/color-swatch-picker"},{"name":"color-swatch","title":"color-swatch","description":"color-swatch","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-swatch","install_command":"npx shadcn@latest add https://intentui.com/r/color-swatch","copy_url":"https://intentui.com/r/color-swatch"},{"name":"color-thumb","title":"color-thumb","description":"color-thumb","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-thumb","install_command":"npx shadcn@latest add https://intentui.com/r/color-thumb","copy_url":"https://intentui.com/r/color-thumb"},{"name":"color-wheel","title":"color-wheel","description":"color-wheel","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-wheel","install_command":"npx shadcn@latest add https://intentui.com/r/color-wheel","copy_url":"https://intentui.com/r/color-wheel"},{"name":"combo-box","title":"combo-box","description":"combo-box","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box","copy_url":"https://intentui.com/r/combo-box"},{"name":"command-menu","title":"command-menu","description":"command-menu","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/command-menu","install_command":"npx shadcn@latest add https://intentui.com/r/command-menu","copy_url":"https://intentui.com/r/command-menu"},{"name":"container","title":"container","description":"container","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/container","install_command":"npx shadcn@latest add https://intentui.com/r/container","copy_url":"https://intentui.com/r/container"},{"name":"context-menu","title":"context-menu","description":"context-menu","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/context-menu","install_command":"npx shadcn@latest add https://intentui.com/r/context-menu","copy_url":"https://intentui.com/r/context-menu"},{"name":"date-field","title":"date-field","description":"date-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-field","install_command":"npx shadcn@latest add https://intentui.com/r/date-field","copy_url":"https://intentui.com/r/date-field"},{"name":"date-picker","title":"date-picker","description":"date-picker","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-picker","install_command":"npx shadcn@latest add https://intentui.com/r/date-picker","copy_url":"https://intentui.com/r/date-picker"},{"name":"date-range-picker","title":"date-range-picker","description":"date-range-picker","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-range-picker","install_command":"npx shadcn@latest add https://intentui.com/r/date-range-picker","copy_url":"https://intentui.com/r/date-range-picker"},{"name":"description-list","title":"description-list","description":"description-list","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/description-list","install_command":"npx shadcn@latest add https://intentui.com/r/description-list","copy_url":"https://intentui.com/r/description-list"},{"name":"dialog","title":"dialog","description":"dialog","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/dialog","install_command":"npx shadcn@latest add https://intentui.com/r/dialog","copy_url":"https://intentui.com/r/dialog"},{"name":"disclosure-group","title":"disclosure-group","description":"disclosure-group","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/disclosure-group","install_command":"npx shadcn@latest add https://intentui.com/r/disclosure-group","copy_url":"https://intentui.com/r/disclosure-group"},{"name":"drawer","title":"drawer","description":"drawer","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer","install_command":"npx shadcn@latest add https://intentui.com/r/drawer","copy_url":"https://intentui.com/r/drawer"},{"name":"drop-zone","title":"drop-zone","description":"drop-zone","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drop-zone","install_command":"npx shadcn@latest add https://intentui.com/r/drop-zone","copy_url":"https://intentui.com/r/drop-zone"},{"name":"dropdown","title":"dropdown","description":"dropdown","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/dropdown","install_command":"npx shadcn@latest add https://intentui.com/r/dropdown","copy_url":"https://intentui.com/r/dropdown"},{"name":"field","title":"field","description":"field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/field","install_command":"npx shadcn@latest add https://intentui.com/r/field","copy_url":"https://intentui.com/r/field"},{"name":"file-trigger","title":"file-trigger","description":"file-trigger","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/file-trigger","install_command":"npx shadcn@latest add https://intentui.com/r/file-trigger","copy_url":"https://intentui.com/r/file-trigger"},{"name":"grid-list","title":"grid-list","description":"grid-list","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/grid-list","install_command":"npx shadcn@latest add https://intentui.com/r/grid-list","copy_url":"https://intentui.com/r/grid-list"},{"name":"heading","title":"heading","description":"heading","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/heading","install_command":"npx shadcn@latest add https://intentui.com/r/heading","copy_url":"https://intentui.com/r/heading"},{"name":"input-otp","title":"input-otp","description":"input-otp","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/input-otp","install_command":"npx shadcn@latest add https://intentui.com/r/input-otp","copy_url":"https://intentui.com/r/input-otp"},{"name":"input","title":"input","description":"input","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/input","install_command":"npx shadcn@latest add https://intentui.com/r/input","copy_url":"https://intentui.com/r/input"},{"name":"keyboard","title":"keyboard","description":"keyboard","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/keyboard","install_command":"npx shadcn@latest add https://intentui.com/r/keyboard","copy_url":"https://intentui.com/r/keyboard"},{"name":"leaderboard","title":"leaderboard","description":"leaderboard","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard","copy_url":"https://intentui.com/r/leaderboard"},{"name":"line-chart","title":"line-chart","description":"line-chart","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart","copy_url":"https://intentui.com/r/line-chart"},{"name":"link","title":"link","description":"link","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/link","install_command":"npx shadcn@latest add https://intentui.com/r/link","copy_url":"https://intentui.com/r/link"},{"name":"list-box","title":"list-box","description":"list-box","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/list-box","install_command":"npx shadcn@latest add https://intentui.com/r/list-box","copy_url":"https://intentui.com/r/list-box"},{"name":"loader","title":"loader","description":"loader","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/loader","install_command":"npx shadcn@latest add https://intentui.com/r/loader","copy_url":"https://intentui.com/r/loader"},{"name":"menu","title":"menu","description":"menu","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/menu","install_command":"npx shadcn@latest add https://intentui.com/r/menu","copy_url":"https://intentui.com/r/menu"},{"name":"meter","title":"meter","description":"meter","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/meter","install_command":"npx shadcn@latest add https://intentui.com/r/meter","copy_url":"https://intentui.com/r/meter"},{"name":"modal","title":"modal","description":"modal","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal","install_command":"npx shadcn@latest add https://intentui.com/r/modal","copy_url":"https://intentui.com/r/modal"},{"name":"multiple-select","title":"multiple-select","description":"multiple-select","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/multiple-select","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select","copy_url":"https://intentui.com/r/multiple-select"},{"name":"native-select","title":"native-select","description":"native-select","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select","install_command":"npx shadcn@latest add https://intentui.com/r/native-select","copy_url":"https://intentui.com/r/native-select"},{"name":"navbar","title":"navbar","description":"navbar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/navbar","install_command":"npx shadcn@latest add https://intentui.com/r/navbar","copy_url":"https://intentui.com/r/navbar"},{"name":"note","title":"note","description":"note","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/note","install_command":"npx shadcn@latest add https://intentui.com/r/note","copy_url":"https://intentui.com/r/note"},{"name":"number-field","title":"number-field","description":"number-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/number-field","install_command":"npx shadcn@latest add https://intentui.com/r/number-field","copy_url":"https://intentui.com/r/number-field"},{"name":"pagination","title":"pagination","description":"pagination","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pagination","install_command":"npx shadcn@latest add https://intentui.com/r/pagination","copy_url":"https://intentui.com/r/pagination"},{"name":"pie-chart","title":"pie-chart","description":"pie-chart","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pie-chart","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart","copy_url":"https://intentui.com/r/pie-chart"},{"name":"popover","title":"popover","description":"popover","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover","install_command":"npx shadcn@latest add https://intentui.com/r/popover","copy_url":"https://intentui.com/r/popover"},{"name":"progress-bar","title":"progress-bar","description":"progress-bar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-bar","install_command":"npx shadcn@latest add https://intentui.com/r/progress-bar","copy_url":"https://intentui.com/r/progress-bar"},{"name":"progress-circle","title":"progress-circle","description":"progress-circle","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-circle","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle","copy_url":"https://intentui.com/r/progress-circle"},{"name":"radio","title":"radio","description":"radio","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/radio","install_command":"npx shadcn@latest add https://intentui.com/r/radio","copy_url":"https://intentui.com/r/radio"},{"name":"range-calendar","title":"range-calendar","description":"range-calendar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/range-calendar","install_command":"npx shadcn@latest add https://intentui.com/r/range-calendar","copy_url":"https://intentui.com/r/range-calendar"},{"name":"scroll-area","title":"scroll-area","description":"scroll-area","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/scroll-area","install_command":"npx shadcn@latest add https://intentui.com/r/scroll-area","copy_url":"https://intentui.com/r/scroll-area"},{"name":"search-field","title":"search-field","description":"search-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/search-field","install_command":"npx shadcn@latest add https://intentui.com/r/search-field","copy_url":"https://intentui.com/r/search-field"},{"name":"select","title":"select","description":"select","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select","install_command":"npx shadcn@latest add https://intentui.com/r/select","copy_url":"https://intentui.com/r/select"},{"name":"separator","title":"separator","description":"separator","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/separator","install_command":"npx shadcn@latest add https://intentui.com/r/separator","copy_url":"https://intentui.com/r/separator"},{"name":"sheet","title":"sheet","description":"sheet","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet","install_command":"npx shadcn@latest add https://intentui.com/r/sheet","copy_url":"https://intentui.com/r/sheet"},{"name":"show-more","title":"show-more","description":"show-more","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/show-more","install_command":"npx shadcn@latest add https://intentui.com/r/show-more","copy_url":"https://intentui.com/r/show-more"},{"name":"sidebar","title":"sidebar","description":"sidebar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sidebar","install_command":"npx shadcn@latest add https://intentui.com/r/sidebar","copy_url":"https://intentui.com/r/sidebar"},{"name":"skeleton","title":"skeleton","description":"skeleton","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/skeleton","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton","copy_url":"https://intentui.com/r/skeleton"},{"name":"slider","title":"slider","description":"slider","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/slider","install_command":"npx shadcn@latest add https://intentui.com/r/slider","copy_url":"https://intentui.com/r/slider"},{"name":"snippet","title":"snippet","description":"snippet","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/snippet","install_command":"npx shadcn@latest add https://intentui.com/r/snippet","copy_url":"https://intentui.com/r/snippet"},{"name":"switch","title":"switch","description":"switch","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/switch","install_command":"npx shadcn@latest add https://intentui.com/r/switch","copy_url":"https://intentui.com/r/switch"},{"name":"table","title":"table","description":"table","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/table","install_command":"npx shadcn@latest add https://intentui.com/r/table","copy_url":"https://intentui.com/r/table"},{"name":"tabs","title":"tabs","description":"tabs","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tabs","install_command":"npx shadcn@latest add https://intentui.com/r/tabs","copy_url":"https://intentui.com/r/tabs"},{"name":"tag-field","title":"tag-field","description":"tag-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tag-field","install_command":"npx shadcn@latest add https://intentui.com/r/tag-field","copy_url":"https://intentui.com/r/tag-field"},{"name":"tag-group","title":"tag-group","description":"tag-group","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tag-group","install_command":"npx shadcn@latest add https://intentui.com/r/tag-group","copy_url":"https://intentui.com/r/tag-group"},{"name":"text-field","title":"text-field","description":"text-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/text-field","install_command":"npx shadcn@latest add https://intentui.com/r/text-field","copy_url":"https://intentui.com/r/text-field"},{"name":"text","title":"text","description":"text","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/text","install_command":"npx shadcn@latest add https://intentui.com/r/text","copy_url":"https://intentui.com/r/text"},{"name":"textarea","title":"textarea","description":"textarea","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/textarea","install_command":"npx shadcn@latest add https://intentui.com/r/textarea","copy_url":"https://intentui.com/r/textarea"},{"name":"time-field","title":"time-field","description":"time-field","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/time-field","install_command":"npx shadcn@latest add https://intentui.com/r/time-field","copy_url":"https://intentui.com/r/time-field"},{"name":"toast","title":"toast","description":"toast","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast","install_command":"npx shadcn@latest add https://intentui.com/r/toast","copy_url":"https://intentui.com/r/toast"},{"name":"toggle-group","title":"toggle-group","description":"toggle-group","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toggle-group","install_command":"npx shadcn@latest add https://intentui.com/r/toggle-group","copy_url":"https://intentui.com/r/toggle-group"},{"name":"toggle","title":"toggle","description":"toggle","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toggle","install_command":"npx shadcn@latest add https://intentui.com/r/toggle","copy_url":"https://intentui.com/r/toggle"},{"name":"toolbar","title":"toolbar","description":"toolbar","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toolbar","install_command":"npx shadcn@latest add https://intentui.com/r/toolbar","copy_url":"https://intentui.com/r/toolbar"},{"name":"tooltip","title":"tooltip","description":"tooltip","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip","copy_url":"https://intentui.com/r/tooltip"},{"name":"tracker","title":"tracker","description":"tracker","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tracker","install_command":"npx shadcn@latest add https://intentui.com/r/tracker","copy_url":"https://intentui.com/r/tracker"},{"name":"tree","title":"tree","description":"tree","type":"registry:ui","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tree","install_command":"npx shadcn@latest add https://intentui.com/r/tree","copy_url":"https://intentui.com/r/tree"},{"name":"tracker-example","title":"Tracker","description":"tracker-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tracker-example","install_command":"npx shadcn@latest add https://intentui.com/r/tracker-example","copy_url":"https://intentui.com/r/tracker-example"},{"name":"tracker-without-tooltip-example","title":"Tracker Without Tooltip","description":"tracker-without-tooltip-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tracker-without-tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/tracker-without-tooltip-example","copy_url":"https://intentui.com/r/tracker-without-tooltip-example"},{"name":"pie-chart-custom-colors-example","title":"Pie Chart Custom Colors","description":"pie-chart-custom-colors-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pie-chart-donut-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-donut-example","copy_url":"https://intentui.com/r/pie-chart-donut-example"},{"name":"pie-chart-example","title":"Pie Chart","description":"pie-chart-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pie-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-example","copy_url":"https://intentui.com/r/pie-chart-example"},{"name":"pie-chart-gap-example","title":"Pie Chart Gap","description":"pie-chart-gap-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pie-chart-gap-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-gap-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/pie-chart-interactive-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-interactive-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://intentui.com/r/line-chart-custom-tooltip-example"},{"name":"line-chart-example","title":"Line Chart","description":"line-chart-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-example","copy_url":"https://intentui.com/r/line-chart-example"},{"name":"line-chart-monotone-example","title":"Line Chart Monotone","description":"line-chart-monotone-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-monotone-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-stacked-example","copy_url":"https://intentui.com/r/line-chart-stacked-example"},{"name":"leaderboard-controlled-example","title":"Leaderboard Controlled","description":"leaderboard-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-controlled-example","copy_url":"https://intentui.com/r/leaderboard-controlled-example"},{"name":"leaderboard-currency-example","title":"Leaderboard Currency","description":"leaderboard-currency-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-currency-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-currency-example","copy_url":"https://intentui.com/r/leaderboard-currency-example"},{"name":"leaderboard-example","title":"Leaderboard","description":"leaderboard-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-example","copy_url":"https://intentui.com/r/leaderboard-example"},{"name":"leaderboard-header-example","title":"Leaderboard Header","description":"leaderboard-header-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-header-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-header-example","copy_url":"https://intentui.com/r/leaderboard-header-example"},{"name":"leaderboard-icon-example","title":"Leaderboard Icon","description":"leaderboard-icon-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-icon-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-icon-example","copy_url":"https://intentui.com/r/leaderboard-icon-example"},{"name":"leaderboard-percentage-example","title":"Leaderboard Percentage","description":"leaderboard-percentage-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard-percentage-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-percentage-example","copy_url":"https://intentui.com/r/leaderboard-percentage-example"},{"name":"bar-list-controlled-example","title":"Bar List Controlled","description":"bar-list-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-list-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-list-controlled-example","copy_url":"https://intentui.com/r/bar-list-controlled-example"},{"name":"bar-list-example","title":"Bar List","description":"bar-list-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-list-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-list-example","copy_url":"https://intentui.com/r/bar-list-example"},{"name":"bar-chart-controlled-example","title":"Bar Chart Controlled","description":"bar-chart-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://intentui.com/r/bar-chart-custom-tooltip-example"},{"name":"bar-chart-example","title":"Bar Chart","description":"bar-chart-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-example","copy_url":"https://intentui.com/r/bar-chart-example"},{"name":"bar-chart-monotone-example","title":"Bar Chart Monotone","description":"bar-chart-monotone-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-monotone-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-stacked-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://intentui.com/r/area-chart-custom-tooltip-example"},{"name":"area-chart-example","title":"Area Chart","description":"area-chart-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-example","copy_url":"https://intentui.com/r/area-chart-example"},{"name":"area-chart-monotone-example","title":"Area Chart Monotone","description":"area-chart-monotone-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-monotone-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-stacked-example","copy_url":"https://intentui.com/r/area-chart-stacked-example"},{"name":"text-basic-example","title":"Text Basic","description":"text-basic-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/text-basic-example","install_command":"npx shadcn@latest add https://intentui.com/r/text-basic-example","copy_url":"https://intentui.com/r/text-basic-example"},{"name":"text-link-example","title":"Text Link","description":"text-link-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/text-link-example","install_command":"npx shadcn@latest add https://intentui.com/r/text-link-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/show-more-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-controlled-example","copy_url":"https://intentui.com/r/show-more-controlled-example"},{"name":"show-more-example","title":"Show More","description":"show-more-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/show-more-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-example","copy_url":"https://intentui.com/r/show-more-example"},{"name":"show-more-orientation-example","title":"Show More Orientation","description":"show-more-orientation-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/show-more-orientation-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-orientation-example","copy_url":"https://intentui.com/r/show-more-orientation-example"},{"name":"separator-example","title":"Separator","description":"separator-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/separator-example","install_command":"npx shadcn@latest add https://intentui.com/r/separator-example","copy_url":"https://intentui.com/r/separator-example"},{"name":"separator-orientation-example","title":"Separator Orientation","description":"separator-orientation-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/separator-orientation-example","install_command":"npx shadcn@latest add https://intentui.com/r/separator-orientation-example","copy_url":"https://intentui.com/r/separator-orientation-example"},{"name":"heading-example","title":"Heading","description":"heading-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/heading-example","install_command":"npx shadcn@latest add https://intentui.com/r/heading-example","copy_url":"https://intentui.com/r/heading-example"},{"name":"heading-level-example","title":"Heading Level","description":"heading-level-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/heading-level-example","install_command":"npx shadcn@latest add https://intentui.com/r/heading-level-example","copy_url":"https://intentui.com/r/heading-level-example"},{"name":"description-list-card-example","title":"Description List Card","description":"description-list-card-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/description-list-card-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-card-example","copy_url":"https://intentui.com/r/description-list-card-example"},{"name":"description-list-example","title":"Description List","description":"description-list-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/description-list-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-example","copy_url":"https://intentui.com/r/description-list-example"},{"name":"description-list-heading-example","title":"Description List Heading","description":"description-list-heading-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/description-list-heading-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-heading-example","copy_url":"https://intentui.com/r/description-list-heading-example"},{"name":"card-action-example","title":"Card Action","description":"card-action-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card-action-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-action-example","copy_url":"https://intentui.com/r/card-action-example"},{"name":"card-example","title":"Card","description":"card-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-example","copy_url":"https://intentui.com/r/card-example"},{"name":"card-login-form-example","title":"Card Login Form","description":"card-login-form-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card-login-form-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-login-form-example","copy_url":"https://intentui.com/r/card-login-form-example"},{"name":"card-table-example","title":"Card Table","description":"card-table-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card-table-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-table-example","copy_url":"https://intentui.com/r/card-table-example"},{"name":"toast-action-example","title":"Toast Action","description":"toast-action-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-action-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-action-example","copy_url":"https://intentui.com/r/toast-action-example"},{"name":"toast-description-example","title":"Toast Description","description":"toast-description-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-description-example","copy_url":"https://intentui.com/r/toast-description-example"},{"name":"toast-example","title":"Toast","description":"toast-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-example","copy_url":"https://intentui.com/r/toast-example"},{"name":"toast-positions-example","title":"Toast Positions","description":"toast-positions-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-positions-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-positions-example","copy_url":"https://intentui.com/r/toast-positions-example"},{"name":"toast-promise-example","title":"Toast Promise","description":"toast-promise-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-promise-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-promise-example","copy_url":"https://intentui.com/r/toast-promise-example"},{"name":"toast-status-example","title":"Toast Status","description":"toast-status-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/toast-status-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-status-example","copy_url":"https://intentui.com/r/toast-status-example"},{"name":"skeleton-dynamic-content-example","title":"Skeleton Dynamic Content","description":"skeleton-dynamic-content-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/skeleton-dynamic-content-example","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton-dynamic-content-example","copy_url":"https://intentui.com/r/skeleton-dynamic-content-example"},{"name":"skeleton-example","title":"Skeleton","description":"skeleton-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/skeleton-example","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton-example","copy_url":"https://intentui.com/r/skeleton-example"},{"name":"progress-circle-color-example","title":"Progress Circle Color","description":"progress-circle-color-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-circle-color-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-color-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-circle-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://intentui.com/r/progress-circle-custom-size-example"},{"name":"progress-circle-example","title":"Progress Circle","description":"progress-circle-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-circle-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-example","copy_url":"https://intentui.com/r/progress-circle-example"},{"name":"progress-circle-indeterminate-example","title":"Progress Circle Indeterminate","description":"progress-circle-indeterminate-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-circle-indeterminate-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-indeterminate-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/indeterminate-progress-bar-example","install_command":"npx shadcn@latest add https://intentui.com/r/indeterminate-progress-bar-example","copy_url":"https://intentui.com/r/indeterminate-progress-bar-example"},{"name":"progress-bar-example","title":"Progress Bar","description":"progress-bar-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/progress-bar-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-bar-example","copy_url":"https://intentui.com/r/progress-bar-example"},{"name":"note-example","title":"Note","description":"note-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/note-example","install_command":"npx shadcn@latest add https://intentui.com/r/note-example","copy_url":"https://intentui.com/r/note-example"},{"name":"note-intent-example","title":"Note Intent","description":"note-intent-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/note-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/note-intent-example","copy_url":"https://intentui.com/r/note-intent-example"},{"name":"meter-currency-format-example","title":"Meter Currency Format","description":"meter-currency-format-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/meter-currency-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-currency-format-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/meter-decimal-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-decimal-format-example","copy_url":"https://intentui.com/r/meter-decimal-format-example"},{"name":"meter-example","title":"Meter","description":"meter-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/meter-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-example","copy_url":"https://intentui.com/r/meter-example"},{"name":"loader-example","title":"Loader","description":"loader-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/loader-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-example","copy_url":"https://intentui.com/r/loader-example"},{"name":"loader-size-example","title":"Loader Size","description":"loader-size-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/loader-size-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-size-example","copy_url":"https://intentui.com/r/loader-size-example"},{"name":"loader-variant-example","title":"Loader Variant","description":"loader-variant-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/loader-variant-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-variant-example","copy_url":"https://intentui.com/r/loader-variant-example"},{"name":"badge-example","title":"Badge","description":"badge-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/badge-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-example","copy_url":"https://intentui.com/r/badge-example"},{"name":"badge-intent-example","title":"Badge Intent","description":"badge-intent-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/badge-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-intent-example","copy_url":"https://intentui.com/r/badge-intent-example"},{"name":"badge-shape-example","title":"Badge Shape","description":"badge-shape-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/badge-shape-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-shape-example","copy_url":"https://intentui.com/r/badge-shape-example"},{"name":"select-controlled-example","title":"Select Controlled","description":"select-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-controlled-example","copy_url":"https://intentui.com/r/select-controlled-example"},{"name":"select-details-description-example","title":"Select Details Description","description":"select-details-description-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-details-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-details-description-example","copy_url":"https://intentui.com/r/select-details-description-example"},{"name":"select-disabled-example","title":"Select Disabled","description":"select-disabled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-disabled-example","copy_url":"https://intentui.com/r/select-disabled-example"},{"name":"select-example","title":"Select","description":"select-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-example","copy_url":"https://intentui.com/r/select-example"},{"name":"select-multiple-example","title":"Select Multiple","description":"select-multiple-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-multiple-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-multiple-example","copy_url":"https://intentui.com/r/select-multiple-example"},{"name":"select-searchable-example","title":"Select Searchable","description":"select-searchable-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-searchable-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-searchable-example","copy_url":"https://intentui.com/r/select-searchable-example"},{"name":"select-section-example","title":"Select Section","description":"select-section-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-section-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-section-example","copy_url":"https://intentui.com/r/select-section-example"},{"name":"select-uncontrolled-example","title":"Select Uncontrolled","description":"select-uncontrolled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-uncontrolled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-uncontrolled-example","copy_url":"https://intentui.com/r/select-uncontrolled-example"},{"name":"select-validation-example","title":"Select Validation","description":"select-validation-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-validation-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-validation-example","copy_url":"https://intentui.com/r/select-validation-example"},{"name":"select-with-avatar-example","title":"Select With Avatar","description":"select-with-avatar-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-with-avatar-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-with-avatar-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/select-with-icon-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-with-icon-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-description-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-disabled-example","copy_url":"https://intentui.com/r/native-select-disabled-example"},{"name":"native-select-example","title":"Native Select","description":"native-select-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-example","copy_url":"https://intentui.com/r/native-select-example"},{"name":"native-select-invalid-example","title":"Native Select Invalid","description":"native-select-invalid-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-invalid-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-label-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-label-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/native-select-uncontrolled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-uncontrolled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/multiple-select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/multiple-select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-disabled-example","copy_url":"https://intentui.com/r/multiple-select-disabled-example"},{"name":"multiple-select-example","title":"Multiple Select","description":"multiple-select-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/multiple-select-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-example","copy_url":"https://intentui.com/r/multiple-select-example"},{"name":"multiple-select-invalid-example","title":"Multiple Select Invalid","description":"multiple-select-invalid-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/multiple-select-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-invalid-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-avatar-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-avatar-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-controlled-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-disabled-example","copy_url":"https://intentui.com/r/combo-box-disabled-example"},{"name":"combo-box-example","title":"Combo Box","description":"combo-box-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-example","copy_url":"https://intentui.com/r/combo-box-example"},{"name":"combo-box-invalid-example","title":"Combo Box Invalid","description":"combo-box-invalid-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-invalid-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-readonly-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-readonly-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-section-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-section-example","copy_url":"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","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box-validation-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-validation-example","copy_url":"https://intentui.com/r/combo-box-validation-example"},{"name":"tooltip-delay-example","title":"Tooltip Delay","description":"tooltip-delay-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip-delay-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-delay-example","copy_url":"https://intentui.com/r/tooltip-delay-example"},{"name":"tooltip-example","title":"Tooltip","description":"tooltip-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-example","copy_url":"https://intentui.com/r/tooltip-example"},{"name":"tooltip-intent-example","title":"Tooltip Intent","description":"tooltip-intent-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-intent-example","copy_url":"https://intentui.com/r/tooltip-intent-example"},{"name":"tooltip-placement-example","title":"Tooltip Placement","description":"tooltip-placement-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip-placement-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-placement-example","copy_url":"https://intentui.com/r/tooltip-placement-example"},{"name":"tooltip-without-arrow-example","title":"Tooltip Without Arrow","description":"tooltip-without-arrow-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/tooltip-without-arrow-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-without-arrow-example","copy_url":"https://intentui.com/r/tooltip-without-arrow-example"},{"name":"sheet-controlled-example","title":"Sheet Controlled","description":"sheet-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-controlled-example","copy_url":"https://intentui.com/r/sheet-controlled-example"},{"name":"sheet-custom-close-example","title":"Sheet Custom Close","description":"sheet-custom-close-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-custom-close-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-custom-close-example","copy_url":"https://intentui.com/r/sheet-custom-close-example"},{"name":"sheet-example","title":"Sheet","description":"sheet-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-example","copy_url":"https://intentui.com/r/sheet-example"},{"name":"sheet-float-example","title":"Sheet Float","description":"sheet-float-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-float-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-float-example","copy_url":"https://intentui.com/r/sheet-float-example"},{"name":"sheet-menu-example","title":"Sheet Menu","description":"sheet-menu-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-menu-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-menu-example","copy_url":"https://intentui.com/r/sheet-menu-example"},{"name":"sheet-position-example","title":"Sheet Position","description":"sheet-position-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-position-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-position-example","copy_url":"https://intentui.com/r/sheet-position-example"},{"name":"sheet-sticky-example","title":"Sheet Sticky","description":"sheet-sticky-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/sheet-sticky-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-sticky-example","copy_url":"https://intentui.com/r/sheet-sticky-example"},{"name":"popover-arrow-example","title":"Popover Arrow","description":"popover-arrow-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-arrow-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-arrow-example","copy_url":"https://intentui.com/r/popover-arrow-example"},{"name":"popover-controlled-example","title":"Popover Controlled","description":"popover-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-controlled-example","copy_url":"https://intentui.com/r/popover-controlled-example"},{"name":"popover-custom-close","title":"Popover Custom Close","description":"popover-custom-close","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-custom-close","install_command":"npx shadcn@latest add https://intentui.com/r/popover-custom-close","copy_url":"https://intentui.com/r/popover-custom-close"},{"name":"popover-example","title":"Popover","description":"popover-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-example","copy_url":"https://intentui.com/r/popover-example"},{"name":"popover-placement-example","title":"Popover Placement","description":"popover-placement-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-placement-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-placement-example","copy_url":"https://intentui.com/r/popover-placement-example"},{"name":"popover-trigger-example","title":"Popover Trigger","description":"popover-trigger-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/popover-trigger-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-trigger-example","copy_url":"https://intentui.com/r/popover-trigger-example"},{"name":"alert-dialog-example","title":"Alert Dialog","description":"alert-dialog-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/alert-dialog-example","install_command":"npx shadcn@latest add https://intentui.com/r/alert-dialog-example","copy_url":"https://intentui.com/r/alert-dialog-example"},{"name":"modal-controlled-example","title":"Modal Controlled","description":"modal-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-controlled-example","copy_url":"https://intentui.com/r/modal-controlled-example"},{"name":"modal-example","title":"Modal","description":"modal-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-example","copy_url":"https://intentui.com/r/modal-example"},{"name":"modal-nested-example","title":"Modal Nested","description":"modal-nested-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-nested-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-nested-example","copy_url":"https://intentui.com/r/modal-nested-example"},{"name":"modal-size-example","title":"Modal Size","description":"modal-size-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-size-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-size-example","copy_url":"https://intentui.com/r/modal-size-example"},{"name":"modal-sticky-example","title":"Modal Sticky","description":"modal-sticky-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-sticky-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-sticky-example","copy_url":"https://intentui.com/r/modal-sticky-example"},{"name":"modal-triggered-by-menu-example","title":"Modal Triggered by Menu","description":"modal-triggered-by-menu-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/modal-triggered-by-menu-example","install_command":"npx shadcn@latest add https://intentui.com/r/modal-triggered-by-menu-example","copy_url":"https://intentui.com/r/modal-triggered-by-menu-example"},{"name":"drawer-basic-example","title":"Drawer Basic","description":"drawer-basic-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-basic-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-basic-example","copy_url":"https://intentui.com/r/drawer-basic-example"},{"name":"drawer-controlled-example","title":"Drawer Controlled","description":"drawer-controlled-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-controlled-example","copy_url":"https://intentui.com/r/drawer-controlled-example"},{"name":"drawer-float-example","title":"Drawer Float","description":"drawer-float-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-float-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-float-example","copy_url":"https://intentui.com/r/drawer-float-example"},{"name":"drawer-nested-example","title":"Drawer Nested","description":"drawer-nested-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-nested-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-nested-example","copy_url":"https://intentui.com/r/drawer-nested-example"},{"name":"drawer-side-example","title":"Drawer Side","description":"drawer-side-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-side-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-side-example","copy_url":"https://intentui.com/r/drawer-side-example"},{"name":"drawer-sticky-example","title":"Drawer Sticky","description":"drawer-sticky-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-sticky-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-sticky-example","copy_url":"https://intentui.com/r/drawer-sticky-example"},{"name":"drawer-without-notch-example","title":"Drawer Without Notch","description":"drawer-without-notch-example","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer-without-notch-example","install_command":"npx shadcn@latest add https://intentui.com/r/drawer-without-notch-example","copy_url":"https://intentui.com/r/drawer-without-notch-example"},{"name":"option-preview","title":"Option Preview","description":"option-preview","type":"registry:page","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/option-preview","install_command":"npx shadcn@latest add https://intentui.com/r/option-preview","copy_url":"https://intentui.com/r/option-preview"}]},{"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.vercel.app/registry/jalco","markdown":"https://sh4dcn.vercel.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":132,"open_issues":2,"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"],"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.vercel.app/registry/jolyui","markdown":"https://sh4dcn.vercel.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":253,"open_issues":1,"last_commit":"2026-06-22T08:42:35Z"},"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","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"],"source_url":"https://www.jolyui.dev/r/style.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/style.json","copy_url":"https://www.jolyui.dev/r/style.json"},{"name":"animated-beam","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/animated-beam.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam.json","copy_url":"https://www.jolyui.dev/r/animated-beam.json"},{"name":"animated-theme-toggle","title":null,"description":null,"type":"registry:ui","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-theme-toggle.json"},{"name":"animated-table","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/animated-table.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table.json","copy_url":"https://www.jolyui.dev/r/animated-table.json"},{"name":"bento-grid","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/bento-grid.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/bento-grid.json","copy_url":"https://www.jolyui.dev/r/bento-grid.json"},{"name":"expanded-map","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/expanded-map.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map.json","copy_url":"https://www.jolyui.dev/r/expanded-map.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button.json","copy_url":"https://www.jolyui.dev/r/button.json"},{"name":"dock","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/dock.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock.json","copy_url":"https://www.jolyui.dev/r/dock.json"},{"name":"image-comparison","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/image-comparison.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison.json","copy_url":"https://www.jolyui.dev/r/image-comparison.json"},{"name":"animated-tooltip","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip.json","copy_url":"https://www.jolyui.dev/r/animated-tooltip.json"},{"name":"animated-toast","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/animated-toast.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast.json","copy_url":"https://www.jolyui.dev/r/animated-toast.json"},{"name":"rainbow-button","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/rainbow-button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rainbow-button.json","copy_url":"https://www.jolyui.dev/r/rainbow-button.json"},{"name":"file-tree","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/file-tree.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree.json","copy_url":"https://www.jolyui.dev/r/file-tree.json"},{"name":"github-contributors","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/github-contributors.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-contributors.json","copy_url":"https://www.jolyui.dev/r/github-contributors.json"},{"name":"glitch-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/glitch-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/glitch-text.json","copy_url":"https://www.jolyui.dev/r/glitch-text.json"},{"name":"phone-card","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/phone-card.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/phone-card.json","copy_url":"https://www.jolyui.dev/r/phone-card.json"},{"name":"rotate-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/rotate-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rotate-text.json","copy_url":"https://www.jolyui.dev/r/rotate-text.json"},{"name":"lazy-video","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/lazy-video.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/lazy-video.json","copy_url":"https://www.jolyui.dev/r/lazy-video.json"},{"name":"vercel-tabs","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/vercel-tabs.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/vercel-tabs.json","copy_url":"https://www.jolyui.dev/r/vercel-tabs.json"},{"name":"magnetic","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/magnetic.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic.json","copy_url":"https://www.jolyui.dev/r/magnetic.json"},{"name":"video-player","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/video-player.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player.json","copy_url":"https://www.jolyui.dev/r/video-player.json"},{"name":"calender","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/calender.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calender.json","copy_url":"https://www.jolyui.dev/r/calender.json"},{"name":"character-morph","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/character-morph.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/character-morph.json","copy_url":"https://www.jolyui.dev/r/character-morph.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block.json","copy_url":"https://www.jolyui.dev/r/code-block.json"},{"name":"text-morphing","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/text-morphing.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/text-morphing.json","copy_url":"https://www.jolyui.dev/r/text-morphing.json"},{"name":"scroll-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/scroll-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text.json","copy_url":"https://www.jolyui.dev/r/scroll-text.json"},{"name":"segmented-button","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/segmented-button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button.json","copy_url":"https://www.jolyui.dev/r/segmented-button.json"},{"name":"typewritter-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/typewritter-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/typewritter-text.json","copy_url":"https://www.jolyui.dev/r/typewritter-text.json"},{"name":"velocity-morph","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/velocity-morph.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/velocity-morph.json","copy_url":"https://www.jolyui.dev/r/velocity-morph.json"},{"name":"number-counter","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/number-counter.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/number-counter.json","copy_url":"https://www.jolyui.dev/r/number-counter.json"},{"name":"highlight-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/highlight-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/highlight-text.json","copy_url":"https://www.jolyui.dev/r/highlight-text.json"},{"name":"command-palette","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/command-palette.json","copy_url":"https://www.jolyui.dev/r/command-palette.json"},{"name":"github-star","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/github-star.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-star.json","copy_url":"https://www.jolyui.dev/r/github-star.json"},{"name":"gooey-text-morphing","title":null,"description":null,"type":"registry:ui","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"],"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","copy_url":"https://www.jolyui.dev/r/gooey-text-morphing.json"},{"name":"feedback-widget","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/feedback-widget.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/feedback-widget.json","copy_url":"https://www.jolyui.dev/r/feedback-widget.json"},{"name":"image-sphere","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/image-sphere.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere.json","copy_url":"https://www.jolyui.dev/r/image-sphere.json"},{"name":"infinite-ribbon","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/infinite-ribbon.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/infinite-ribbon.json","copy_url":"https://www.jolyui.dev/r/infinite-ribbon.json"},{"name":"hover-preview","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/hover-preview.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview.json","copy_url":"https://www.jolyui.dev/r/hover-preview.json"},{"name":"ai-prompt-box","title":null,"description":null,"type":"registry:ui","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"],"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","copy_url":"https://www.jolyui.dev/r/ai-prompt-box.json"},{"name":"date-wheel-picker","title":null,"description":null,"type":"registry:ui","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"],"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","copy_url":"https://www.jolyui.dev/r/date-wheel-picker.json"},{"name":"liquid-metal-button","title":null,"description":null,"type":"registry:ui","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"],"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","copy_url":"https://www.jolyui.dev/r/liquid-metal-button.json"},{"name":"morphing-cursor","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/morphing-cursor.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/morphing-cursor.json","copy_url":"https://www.jolyui.dev/r/morphing-cursor.json"},{"name":"falling-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/falling-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text.json","copy_url":"https://www.jolyui.dev/r/falling-text.json"},{"name":"shutter-text","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://www.jolyui.dev/r/shutter-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text.json","copy_url":"https://www.jolyui.dev/r/shutter-text.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","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"],"source_url":"https://www.jolyui.dev/r/utils.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/utils.json","copy_url":"https://www.jolyui.dev/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","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"],"source_url":"https://www.jolyui.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/use-mobile.json","copy_url":"https://www.jolyui.dev/r/use-mobile.json"},{"name":"theme-daylight","title":null,"description":null,"type":"registry:theme","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"],"source_url":"https://www.jolyui.dev/r/theme-daylight.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-daylight.json","copy_url":"https://www.jolyui.dev/r/theme-daylight.json"},{"name":"theme-midnight","title":null,"description":null,"type":"registry:theme","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"],"source_url":"https://www.jolyui.dev/r/theme-midnight.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-midnight.json","copy_url":"https://www.jolyui.dev/r/theme-midnight.json"},{"name":"theme-emerald","title":null,"description":null,"type":"registry:theme","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"],"source_url":"https://www.jolyui.dev/r/theme-emerald.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-emerald.json","copy_url":"https://www.jolyui.dev/r/theme-emerald.json"},{"name":"animated-beam-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-beam-demo.json"},{"name":"animated-beam-curved-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-beam-curved-demo.json"},{"name":"animated-beam-multiple-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-beam-multiple-demo.json"},{"name":"animated-beam-bidirectional-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-beam-bidirectional-demo.json"},{"name":"animated-theme-toggle-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-theme-toggle-demo.json"},{"name":"animated-theme-toggle-sizes-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-theme-toggle-sizes-demo.json"},{"name":"animated-theme-toggle-navbar-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-theme-toggle-navbar-demo.json"},{"name":"dock-demo","title":null,"description":null,"type":"registry:example","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"],"source_url":"https://www.jolyui.dev/r/dock-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock-demo.json","copy_url":"https://www.jolyui.dev/r/dock-demo.json"},{"name":"expanded-map-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/expanded-map-demo.json"},{"name":"expanded-map-locations-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/expanded-map-locations-demo.json"},{"name":"expanded-map-dark-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/expanded-map-dark-demo.json"},{"name":"expanded-map-zoom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/expanded-map-zoom-demo.json"},{"name":"dock-macos-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/dock-macos-demo.json"},{"name":"dock-social-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/dock-social-demo.json"},{"name":"image-comparison-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-demo.json"},{"name":"image-comparison-hover-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-hover-demo.json"},{"name":"image-comparison-fade-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-fade-demo.json"},{"name":"image-comparison-split-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-split-demo.json"},{"name":"image-comparison-lens-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-lens-demo.json"},{"name":"image-comparison-vertical-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-comparison-vertical-demo.json"},{"name":"animated-tooltip-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-tooltip-demo.json"},{"name":"animated-tooltip-animation-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-tooltip-animation-demo.json"},{"name":"animated-tooltip-icon-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-tooltip-icon-demo.json"},{"name":"animated-tooltip-status-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-tooltip-status-demo.json"},{"name":"animated-tooltip-rich-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-tooltip-rich-demo.json"},{"name":"rainbow-button-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/rainbow-button-demo.json"},{"name":"animated-toast-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-demo.json"},{"name":"animated-toast-minimal-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-minimal-demo.json"},{"name":"animated-toast-undo-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-undo-demo.json"},{"name":"animated-toast-notification-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-notification-demo.json"},{"name":"animated-toast-stacked-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-stacked-demo.json"},{"name":"animated-toast-promise-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-toast-promise-demo.json"},{"name":"animated-table-basic-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-basic-demo.json"},{"name":"animated-table-sort-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-sort-demo.json"},{"name":"animated-table-search-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-search-demo.json"},{"name":"animated-table-select-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-select-demo.json"},{"name":"animated-table-expand-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-expand-demo.json"},{"name":"animated-table-column-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-column-demo.json"},{"name":"animated-table-pagination-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-pagination-demo.json"},{"name":"animated-table-full-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/animated-table-full-demo.json"},{"name":"bento-grid-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/bento-grid-custom-demo.json"},{"name":"bento-grid-portfolio-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/bento-grid-portfolio-demo.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","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"],"source_url":"https://www.jolyui.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button-demo.json","copy_url":"https://www.jolyui.dev/r/button-demo.json"},{"name":"button-variants-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/button-variants-demo.json"},{"name":"button-sizes-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/button-sizes-demo.json"},{"name":"button-icon-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/button-icon-demo.json"},{"name":"file-tree-basic-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/file-tree-basic-demo.json"},{"name":"file-tree-expandable-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/file-tree-expandable-demo.json"},{"name":"file-tree-full-expanded-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/file-tree-full-expanded-demo.json"},{"name":"file-tree-selectable-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/file-tree-selectable-demo.json"},{"name":"file-tree-custom-icons-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/file-tree-custom-icons-demo.json"},{"name":"github-contributors-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/github-contributors-demo.json"},{"name":"github-contributors-limit-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/github-contributors-limit-demo.json"},{"name":"phone-card-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/phone-card-demo.json"},{"name":"phone-card-image-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/phone-card-image-demo.json"},{"name":"rotate-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/rotate-text-demo.json"},{"name":"rotate-text-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/rotate-text-custom-demo.json"},{"name":"vercel-tabs-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/vercel-tabs-demo.json"},{"name":"magnetic-demo","title":null,"description":null,"type":"registry:example","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"],"source_url":"https://www.jolyui.dev/r/magnetic-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-demo.json","copy_url":"https://www.jolyui.dev/r/magnetic-demo.json"},{"name":"magnetic-intensity-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/magnetic-intensity-demo.json"},{"name":"magnetic-range-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/magnetic-range-demo.json"},{"name":"magnetic-action-area-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/magnetic-action-area-demo.json"},{"name":"magnetic-cards-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/magnetic-cards-demo.json"},{"name":"video-player-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-demo.json"},{"name":"video-player-compact-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-compact-demo.json"},{"name":"video-player-playlist-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-playlist-demo.json"},{"name":"video-player-callbacks-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-callbacks-demo.json"},{"name":"video-player-quality-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-quality-demo.json"},{"name":"video-player-captions-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-captions-demo.json"},{"name":"video-player-timestamp-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/video-player-timestamp-demo.json"},{"name":"command-palette-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/command-palette-demo.json"},{"name":"command-palette-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/command-palette-custom-demo.json"},{"name":"github-star-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/github-star-demo.json"},{"name":"calendar-basic-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-basic-demo.json"},{"name":"calendar-range-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-range-demo.json"},{"name":"calendar-multiple-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-multiple-demo.json"},{"name":"calendar-time-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-time-demo.json"},{"name":"calendar-presets-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-presets-demo.json"},{"name":"calendar-constraints-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-constraints-demo.json"},{"name":"calendar-full-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/calendar-full-demo.json"},{"name":"character-morph-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/character-morph-demo.json"},{"name":"character-morph-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/character-morph-custom-demo.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-demo.json"},{"name":"code-block-variants-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-variants-demo.json"},{"name":"code-block-animations-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-animations-demo.json"},{"name":"code-block-compare-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-compare-demo.json"},{"name":"code-block-tabs-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-tabs-demo.json"},{"name":"code-block-terminal-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-terminal-demo.json"},{"name":"code-block-glass-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/code-block-glass-demo.json"},{"name":"text-morphing-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/text-morphing-demo.json"},{"name":"text-morphing-variants-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/text-morphing-variants-demo.json"},{"name":"glitch-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/glitch-text-demo.json"},{"name":"glitch-text-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/glitch-text-custom-demo.json"},{"name":"scroll-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-demo.json"},{"name":"scroll-reveal-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-reveal-demo.json"},{"name":"horizontal-scroll-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/horizontal-scroll-text-demo.json"},{"name":"scroll-progress-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-progress-text-demo.json"},{"name":"sticky-scroll-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/sticky-scroll-text-demo.json"},{"name":"scroll-text-fade-up-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-fade-up-demo.json"},{"name":"scroll-text-blur-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-blur-demo.json"},{"name":"scroll-text-scale-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-scale-demo.json"},{"name":"scroll-text-rotate-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-rotate-demo.json"},{"name":"scroll-text-slide-left-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/scroll-text-slide-left-demo.json"},{"name":"segmented-button-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/segmented-button-demo.json"},{"name":"segmented-button-theme-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/segmented-button-theme-demo.json"},{"name":"segmented-button-logo-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/segmented-button-logo-demo.json"},{"name":"segmented-button-controlled-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/segmented-button-controlled-demo.json"},{"name":"segmented-button-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/segmented-button-custom-demo.json"},{"name":"typewritter-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/typewritter-text-demo.json"},{"name":"typewritter-text-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/typewritter-text-custom-demo.json"},{"name":"velocity-morph-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/velocity-morph-demo.json"},{"name":"velocity-morph-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/velocity-morph-custom-demo.json"},{"name":"number-counter-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/number-counter-demo.json"},{"name":"rolling-counter-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/rolling-counter-demo.json"},{"name":"circular-counter-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/circular-counter-demo.json"},{"name":"stat-counter-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/stat-counter-demo.json"},{"name":"highlight-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/highlight-text-demo.json"},{"name":"highlight-text-variants-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/highlight-text-variants-demo.json"},{"name":"highlight-text-colors-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/highlight-text-colors-demo.json"},{"name":"gooey-text-morphing-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/gooey-text-morphing-demo.json"},{"name":"feedback-widget-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/feedback-widget-demo.json"},{"name":"feedback-widget-custom-label-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/feedback-widget-custom-label-demo.json"},{"name":"image-sphere-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-sphere-demo.json"},{"name":"image-sphere-autorotate-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-sphere-autorotate-demo.json"},{"name":"image-sphere-large-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-sphere-large-demo.json"},{"name":"image-sphere-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/image-sphere-custom-demo.json"},{"name":"hover-preview-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/hover-preview-demo.json"},{"name":"hover-preview-portfolio-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/hover-preview-portfolio-demo.json"},{"name":"hover-preview-product-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/hover-preview-product-demo.json"},{"name":"hover-preview-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/hover-preview-custom-demo.json"},{"name":"ai-prompt-box-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/ai-prompt-box-demo.json"},{"name":"ai-prompt-box-loading-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/ai-prompt-box-loading-demo.json"},{"name":"date-wheel-picker-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/date-wheel-picker-demo.json"},{"name":"date-wheel-picker-sizes-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/date-wheel-picker-sizes-demo.json"},{"name":"date-wheel-picker-locale-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/date-wheel-picker-locale-demo.json"},{"name":"liquid-metal-button-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/liquid-metal-button-demo.json"},{"name":"morphing-cursor-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/morphing-cursor-demo.json"},{"name":"morphing-cursor-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/morphing-cursor-custom-demo.json"},{"name":"morphing-cursor-styled-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/morphing-cursor-styled-demo.json"},{"name":"falling-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/falling-text-demo.json"},{"name":"falling-text-scroll-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/falling-text-scroll-demo.json"},{"name":"falling-text-click-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/falling-text-click-demo.json"},{"name":"falling-text-custom-physics-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/falling-text-custom-physics-demo.json"},{"name":"shutter-text-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/shutter-text-demo.json"},{"name":"shutter-text-scroll-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/shutter-text-scroll-demo.json"},{"name":"shutter-text-click-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/shutter-text-click-demo.json"},{"name":"shutter-text-hover-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/shutter-text-hover-demo.json"},{"name":"infinite-ribbon-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/infinite-ribbon-demo.json"},{"name":"infinite-ribbon-custom-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://www.jolyui.dev/r/infinite-ribbon-custom-demo.json"},{"name":"infinite-ribbon-preview-demo","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"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.vercel.app/registry/joyco","markdown":"https://sh4dcn.vercel.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":22,"open_issues":10,"last_commit":"2026-06-29T13:33:27Z"},"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","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)"],"source_url":"https://registry.joyco.studio/r/infinite-list.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/infinite-list.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/marquee.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/marquee.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/file-button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/file-button.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/file-dropzone.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/file-dropzone.json","copy_url":"https://registry.joyco.studio/r/file-dropzone.json"},{"name":"mobile-menu","title":"Mobile Menu","description":"A full-screen overlay mobile menu.","type":"registry:component","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)"],"source_url":"https://registry.joyco.studio/r/mobile-menu.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/mobile-menu.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/scroll-area.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scroll-area.json","copy_url":"https://registry.joyco.studio/r/scroll-area.json"},{"name":"chat","title":"Chat","description":"A composable chat component","type":"registry:component","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)"],"source_url":"https://registry.joyco.studio/r/chat.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/chat.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/action-hint.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/action-hint.json","copy_url":"https://registry.joyco.studio/r/action-hint.json"},{"name":"image-sequence","title":"Image Sequence","description":"A canvas-based image sequence player with binary progressive loading for smooth playback.","type":"registry:component","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)"],"source_url":"https://registry.joyco.studio/r/image-sequence.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/image-sequence.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/typewriter.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/typewriter.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/spritesheet-sequencer.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/spritesheet-sequencer.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/magnetic.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/magnetic.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/scramble.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scramble.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/scramble-button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scramble-button.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/brick-breaker.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/brick-breaker.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/snake-game.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/snake-game.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/space-invaders.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/space-invaders.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/typed-emitter.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/typed-emitter.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/canvas-2d.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/canvas-2d.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/debug-canvas.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/debug-canvas.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/debug.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/debug.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/avatar.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/avatar.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/badge.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/badge.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/button.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/button-group.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/button-group.json","copy_url":"https://registry.joyco.studio/r/button-group.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/card.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/card.json","copy_url":"https://registry.joyco.studio/r/card.json"},{"name":"chart","title":"Chart","description":"Composable charting components built on top of Recharts.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/chart.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/chart.json","copy_url":"https://registry.joyco.studio/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/collapsible.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/collapsible.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/dropdown-menu.json","copy_url":"https://registry.joyco.studio/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"Displays a form input field.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/input.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/input.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/input-group.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/input-group.json","copy_url":"https://registry.joyco.studio/r/input-group.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key or shortcut.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/kbd.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/kbd.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/media-player.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/media-player.json","copy_url":"https://registry.joyco.studio/r/media-player.json"},{"name":"mention","title":"Mention","description":"An autocomplete mention input component.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/mention.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/mention.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/popover.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/popover.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/select.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/select.json","copy_url":"https://registry.joyco.studio/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/separator.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/separator.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/slider.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/slider.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/switch.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/switch.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/tabs.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/tabs.json","copy_url":"https://registry.joyco.studio/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea field.","type":"registry:ui","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)"],"source_url":"https://registry.joyco.studio/r/textarea.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/textarea.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/tooltip.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/tooltip.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/cluster.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/cluster.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/joyco-theme.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/joyco-theme.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/joyco-fonts.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/joyco-fonts.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/utils.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/utils.json","copy_url":"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","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)"],"source_url":"https://registry.joyco.studio/r/ui.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/ui.json","copy_url":"https://registry.joyco.studio/r/ui.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.vercel.app/registry/kanpeki","markdown":"https://sh4dcn.vercel.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":11,"last_commit":"2026-03-10T05:23:12Z"},"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","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/accordion.json","copy_url":"https://kanpeki.vercel.app/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert.json","copy_url":"https://kanpeki.vercel.app/r/alert.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio.json","copy_url":"https://kanpeki.vercel.app/r/aspect-ratio.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/autocomplete.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete.json","copy_url":"https://kanpeki.vercel.app/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/avatar.json","copy_url":"https://kanpeki.vercel.app/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge.json","copy_url":"https://kanpeki.vercel.app/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb.json","copy_url":"https://kanpeki.vercel.app/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button.json","copy_url":"https://kanpeki.vercel.app/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group.json","copy_url":"https://kanpeki.vercel.app/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/calendar.json","copy_url":"https://kanpeki.vercel.app/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/card.json","copy_url":"https://kanpeki.vercel.app/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel.json","copy_url":"https://kanpeki.vercel.app/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart.json","copy_url":"https://kanpeki.vercel.app/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox.json","copy_url":"https://kanpeki.vercel.app/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible.json","copy_url":"https://kanpeki.vercel.app/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/combobox.json","copy_url":"https://kanpeki.vercel.app/r/combobox.json"},{"name":"date-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/date-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-field.json","copy_url":"https://kanpeki.vercel.app/r/date-field.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker.json","copy_url":"https://kanpeki.vercel.app/r/date-picker.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dialog.json","copy_url":"https://kanpeki.vercel.app/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/drawer.json","copy_url":"https://kanpeki.vercel.app/r/drawer.json"},{"name":"dropzone","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dropzone.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone.json","copy_url":"https://kanpeki.vercel.app/r/dropzone.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field.json","copy_url":"https://kanpeki.vercel.app/r/field.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/form.json","copy_url":"https://kanpeki.vercel.app/r/form.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input.json","copy_url":"https://kanpeki.vercel.app/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group.json","copy_url":"https://kanpeki.vercel.app/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp.json","copy_url":"https://kanpeki.vercel.app/r/input-otp.json"},{"name":"keyboard","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/keyboard.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/keyboard.json","copy_url":"https://kanpeki.vercel.app/r/keyboard.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/label.json","copy_url":"https://kanpeki.vercel.app/r/label.json"},{"name":"link","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/link.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link.json","copy_url":"https://kanpeki.vercel.app/r/link.json"},{"name":"link-button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/link-button.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link-button.json","copy_url":"https://kanpeki.vercel.app/r/link-button.json"},{"name":"list-box","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/list-box.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/list-box.json","copy_url":"https://kanpeki.vercel.app/r/list-box.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu.json","copy_url":"https://kanpeki.vercel.app/r/menu.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/number-field.json","copy_url":"https://kanpeki.vercel.app/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination.json","copy_url":"https://kanpeki.vercel.app/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/popover.json","copy_url":"https://kanpeki.vercel.app/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/progress.json","copy_url":"https://kanpeki.vercel.app/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group.json","copy_url":"https://kanpeki.vercel.app/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable.json","copy_url":"https://kanpeki.vercel.app/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area.json","copy_url":"https://kanpeki.vercel.app/r/scroll-area.json"},{"name":"search-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/search-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/search-field.json","copy_url":"https://kanpeki.vercel.app/r/search-field.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select.json","copy_url":"https://kanpeki.vercel.app/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/separator.json","copy_url":"https://kanpeki.vercel.app/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sheet.json","copy_url":"https://kanpeki.vercel.app/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sidebar.json","copy_url":"https://kanpeki.vercel.app/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton.json","copy_url":"https://kanpeki.vercel.app/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider.json","copy_url":"https://kanpeki.vercel.app/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner.json","copy_url":"https://kanpeki.vercel.app/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/switch.json","copy_url":"https://kanpeki.vercel.app/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/table.json","copy_url":"https://kanpeki.vercel.app/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs.json","copy_url":"https://kanpeki.vercel.app/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea.json","copy_url":"https://kanpeki.vercel.app/r/textarea.json"},{"name":"text-field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/text-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/text-field.json","copy_url":"https://kanpeki.vercel.app/r/text-field.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast.json","copy_url":"https://kanpeki.vercel.app/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle.json","copy_url":"https://kanpeki.vercel.app/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group.json","copy_url":"https://kanpeki.vercel.app/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip.json","copy_url":"https://kanpeki.vercel.app/r/tooltip.json"},{"name":"cva","title":null,"description":null,"type":"registry:lib","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/cva.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/cva.json","copy_url":"https://kanpeki.vercel.app/r/cva.json"},{"name":"use-is-mobile","title":null,"description":null,"type":"registry:hook","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/use-is-mobile.json"},{"name":"accordion-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/accordion-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/accordion-demo.json","copy_url":"https://kanpeki.vercel.app/r/accordion-demo.json"},{"name":"alert-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/alert-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert-demo.json","copy_url":"https://kanpeki.vercel.app/r/alert-demo.json"},{"name":"alert-destructive-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/alert-destructive-demo.json"},{"name":"alert-warning-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/alert-warning-demo.json"},{"name":"aspect-ratio-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/aspect-ratio-demo.json"},{"name":"aspect-ratio-square","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/aspect-ratio-square.json"},{"name":"aspect-ratio-portrait","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/aspect-ratio-portrait.json"},{"name":"autocomplete-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/autocomplete-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete-demo.json","copy_url":"https://kanpeki.vercel.app/r/autocomplete-demo.json"},{"name":"autocomplete-dialog-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/autocomplete-dialog-demo.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/avatar-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/avatar-demo.json","copy_url":"https://kanpeki.vercel.app/r/avatar-demo.json"},{"name":"avatar-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/avatar-group-demo.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/badge-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge-demo.json","copy_url":"https://kanpeki.vercel.app/r/badge-demo.json"},{"name":"badge-destructive-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/badge-destructive-demo.json"},{"name":"badge-outline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/badge-outline-demo.json"},{"name":"badge-secondary-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/badge-secondary-demo.json"},{"name":"breadcrumb-collapsed-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/breadcrumb-collapsed-demo.json"},{"name":"breadcrumb-custom-separator-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/breadcrumb-custom-separator-demo.json"},{"name":"breadcrumb-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-demo.json","copy_url":"https://kanpeki.vercel.app/r/breadcrumb-demo.json"},{"name":"breadcrumb-dropdown-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/breadcrumb-dropdown-demo.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/button-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-demo.json","copy_url":"https://kanpeki.vercel.app/r/button-demo.json"},{"name":"button-icon-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-icon-demo.json"},{"name":"button-sizes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-sizes-demo.json"},{"name":"button-variants-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-variants-demo.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-demo.json"},{"name":"button-group-orientation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-orientation-demo.json"},{"name":"button-group-size-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-size-demo.json"},{"name":"button-group-nested-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-nested-demo.json"},{"name":"button-group-separator-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-separator-demo.json"},{"name":"button-group-split-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-split-demo.json"},{"name":"button-group-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-input-demo.json"},{"name":"button-group-input-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-input-group-demo.json"},{"name":"button-group-dropdown-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-dropdown-demo.json"},{"name":"button-group-select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-select-demo.json"},{"name":"button-group-popover-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/button-group-popover-demo.json"},{"name":"calendar-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/calendar-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/calendar-demo.json","copy_url":"https://kanpeki.vercel.app/r/calendar-demo.json"},{"name":"calendar-range-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/calendar-range-demo.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/card-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/card-demo.json","copy_url":"https://kanpeki.vercel.app/r/card-demo.json"},{"name":"carousel-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/carousel-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-demo.json","copy_url":"https://kanpeki.vercel.app/r/carousel-demo.json"},{"name":"carousel-size-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/carousel-size-demo.json"},{"name":"carousel-spacing-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/carousel-spacing-demo.json"},{"name":"carousel-orientation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/carousel-orientation-demo.json"},{"name":"carousel-api-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/carousel-api-demo.json"},{"name":"carousel-plugin-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/carousel-plugin-demo.json"},{"name":"chart-area-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/chart-area-demo.json"},{"name":"chart-bar-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/chart-bar-demo.json"},{"name":"chart-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/chart-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart-demo.json","copy_url":"https://kanpeki.vercel.app/r/chart-demo.json"},{"name":"chart-line-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/chart-line-demo.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-demo.json","copy_url":"https://kanpeki.vercel.app/r/checkbox-demo.json"},{"name":"checkbox-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/checkbox-disabled-demo.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/checkbox-group-demo.json"},{"name":"collapsible-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible-demo.json","copy_url":"https://kanpeki.vercel.app/r/collapsible-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/combobox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/combobox-demo.json","copy_url":"https://kanpeki.vercel.app/r/combobox-demo.json"},{"name":"date-field-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/date-field-demo.json"},{"name":"date-field-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/date-field-disabled-demo.json"},{"name":"date-picker-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/date-picker-demo.json"},{"name":"dialog-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dialog-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dialog-demo.json","copy_url":"https://kanpeki.vercel.app/r/dialog-demo.json"},{"name":"dialog-scrollable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/dialog-scrollable-demo.json"},{"name":"alert-dialog-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/alert-dialog-demo.json"},{"name":"drawer-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/drawer-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/drawer-demo.json","copy_url":"https://kanpeki.vercel.app/r/drawer-demo.json"},{"name":"dropzone-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dropzone-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-demo.json","copy_url":"https://kanpeki.vercel.app/r/dropzone-demo.json"},{"name":"dropzone-clickable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/dropzone-clickable-demo.json"},{"name":"dropzone-with-file-trigger-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/dropzone-with-file-trigger-demo.json"},{"name":"field-checkbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-checkbox-demo.json"},{"name":"field-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/field-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-demo.json","copy_url":"https://kanpeki.vercel.app/r/field-demo.json"},{"name":"field-fieldset-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-fieldset-demo.json"},{"name":"field-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-group-demo.json"},{"name":"field-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-input-demo.json"},{"name":"field-radio-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-radio-demo.json"},{"name":"field-responsive-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-responsive-demo.json"},{"name":"field-select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-select-demo.json"},{"name":"field-switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-switch-demo.json"},{"name":"field-textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/field-textarea-demo.json"},{"name":"tanstack-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-demo.json"},{"name":"tanstack-form-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-input-demo.json"},{"name":"tanstack-form-textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-textarea-demo.json"},{"name":"tanstack-form-select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-select-demo.json"},{"name":"tanstack-form-checkbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-checkbox-demo.json"},{"name":"tanstack-form-switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-switch-demo.json"},{"name":"tanstack-form-array-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-array-demo.json"},{"name":"tanstack-form-linked-fields-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tanstack-form-linked-fields-demo.json"},{"name":"react-aria-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-demo.json"},{"name":"react-aria-form-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-input-demo.json"},{"name":"react-aria-form-textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-textarea-demo.json"},{"name":"react-aria-form-select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-select-demo.json"},{"name":"react-aria-form-checkbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-checkbox-demo.json"},{"name":"react-aria-form-switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-aria-form-server-validation-demo.json"},{"name":"react-hook-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-demo.json"},{"name":"react-hook-form-input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-input-demo.json"},{"name":"react-hook-form-textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-textarea-demo.json"},{"name":"react-hook-form-select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-select-demo.json"},{"name":"react-hook-form-checkbox-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-checkbox-demo.json"},{"name":"react-hook-form-switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-switch-demo.json"},{"name":"react-hook-form-array-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/react-hook-form-linked-fields-demo.json"},{"name":"hover-card-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/hover-card-demo.json"},{"name":"input-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-demo.json","copy_url":"https://kanpeki.vercel.app/r/input-demo.json"},{"name":"input-file-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-file-demo.json"},{"name":"input-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-disabled-demo.json"},{"name":"input-with-label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-with-label-demo.json"},{"name":"input-with-button-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-with-button-demo.json"},{"name":"input-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-demo.json"},{"name":"input-group-icon-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-icon-demo.json"},{"name":"input-group-text-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-text-demo.json"},{"name":"input-group-button-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-button-demo.json"},{"name":"input-group-tooltip-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-tooltip-demo.json"},{"name":"input-group-textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-textarea-demo.json"},{"name":"input-group-spinner-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-spinner-demo.json"},{"name":"input-group-label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-label-demo.json"},{"name":"input-group-dropdown-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-dropdown-demo.json"},{"name":"input-group-button-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-group-button-group-demo.json"},{"name":"input-otp-controlled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-otp-controlled-demo.json"},{"name":"input-otp-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-otp-demo.json"},{"name":"input-otp-pattern-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-otp-pattern-demo.json"},{"name":"input-otp-separator-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/input-otp-separator-demo.json"},{"name":"label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/label-demo.json","copy_url":"https://kanpeki.vercel.app/r/label-demo.json"},{"name":"link-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/link-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link-demo.json","copy_url":"https://kanpeki.vercel.app/r/link-demo.json"},{"name":"list-box-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/list-box-demo.json"},{"name":"menu-checkboxes-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/menu-checkboxes-demo.json"},{"name":"menu-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/menu-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu-demo.json","copy_url":"https://kanpeki.vercel.app/r/menu-demo.json"},{"name":"menu-radio-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/menu-radio-group-demo.json"},{"name":"number-field-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/number-field-demo.json"},{"name":"pagination-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/pagination-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-demo.json","copy_url":"https://kanpeki.vercel.app/r/pagination-demo.json"},{"name":"pagination-simple-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/pagination-simple-demo.json"},{"name":"pagination-icons-only-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/pagination-icons-only-demo.json"},{"name":"popover-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/popover-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/popover-demo.json","copy_url":"https://kanpeki.vercel.app/r/popover-demo.json"},{"name":"popover-with-arrow-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/popover-with-arrow-demo.json"},{"name":"progress-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/progress-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/progress-demo.json","copy_url":"https://kanpeki.vercel.app/r/progress-demo.json"},{"name":"radio-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/radio-group-demo.json"},{"name":"radio-group-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/radio-group-disabled-demo.json"},{"name":"radio-group-with-description-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/radio-group-with-description-demo.json"},{"name":"resizable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/resizable-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-demo.json","copy_url":"https://kanpeki.vercel.app/r/resizable-demo.json"},{"name":"resizable-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/resizable-vertical-demo.json"},{"name":"resizable-handle-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/resizable-handle-demo.json"},{"name":"scroll-area-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/scroll-area-demo.json"},{"name":"scroll-area-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/scroll-area-horizontal-demo.json"},{"name":"select-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select-demo.json","copy_url":"https://kanpeki.vercel.app/r/select-demo.json"},{"name":"select-infinite-scroll-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/select-infinite-scroll-demo.json"},{"name":"select-scrollable-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/select-scrollable-demo.json"},{"name":"select-with-label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/select-with-label-demo.json"},{"name":"separator-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/separator-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/separator-demo.json","copy_url":"https://kanpeki.vercel.app/r/separator-demo.json"},{"name":"separator-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/separator-vertical-demo.json"},{"name":"sheet-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/sheet-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sheet-demo.json","copy_url":"https://kanpeki.vercel.app/r/sheet-demo.json"},{"name":"sheet-side-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/sheet-side-demo.json"},{"name":"skeleton-card-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/skeleton-card-demo.json"},{"name":"skeleton-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton-demo.json","copy_url":"https://kanpeki.vercel.app/r/skeleton-demo.json"},{"name":"slider-custom-stepping-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/slider-custom-stepping-demo.json"},{"name":"slider-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/slider-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-demo.json","copy_url":"https://kanpeki.vercel.app/r/slider-demo.json"},{"name":"slider-multiple-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/slider-multiple-demo.json"},{"name":"slider-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/slider-vertical-demo.json"},{"name":"slider-with-label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/slider-with-label-demo.json"},{"name":"spinner-color-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/spinner-color-demo.json"},{"name":"spinner-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/spinner-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-demo.json","copy_url":"https://kanpeki.vercel.app/r/spinner-demo.json"},{"name":"spinner-size-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/spinner-size-demo.json"},{"name":"switch-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/switch-demo.json","copy_url":"https://kanpeki.vercel.app/r/switch-demo.json"},{"name":"switch-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/switch-group-demo.json"},{"name":"table-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/table-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/table-demo.json","copy_url":"https://kanpeki.vercel.app/r/table-demo.json"},{"name":"tabs-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tabs-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-demo.json","copy_url":"https://kanpeki.vercel.app/r/tabs-demo.json"},{"name":"tabs-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tabs-disabled-demo.json"},{"name":"tabs-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/tabs-vertical-demo.json"},{"name":"textarea-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-demo.json","copy_url":"https://kanpeki.vercel.app/r/textarea-demo.json"},{"name":"textarea-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textarea-disabled-demo.json"},{"name":"textarea-with-label-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textarea-with-label-demo.json"},{"name":"textarea-with-text-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textarea-with-text-demo.json"},{"name":"textarea-auto-resize-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textarea-auto-resize-demo.json"},{"name":"textfield-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/textfield-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-demo.json","copy_url":"https://kanpeki.vercel.app/r/textfield-demo.json"},{"name":"textfield-form-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textfield-form-demo.json"},{"name":"textfield-password-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textfield-password-demo.json"},{"name":"textfield-validation-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textfield-validation-demo.json"},{"name":"textfield-with-description-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textfield-with-description-demo.json"},{"name":"textfield-with-icon-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/textfield-with-icon-demo.json"},{"name":"toast-custom-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toast-custom-demo.json"},{"name":"toast-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toast-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-demo.json","copy_url":"https://kanpeki.vercel.app/r/toast-demo.json"},{"name":"toast-promise-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toast-promise-demo.json"},{"name":"toast-status-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toast-status-demo.json"},{"name":"toast-with-description-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toast-with-description-demo.json"},{"name":"toggle-custom-fill-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-custom-fill-demo.json"},{"name":"toggle-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toggle-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-demo.json","copy_url":"https://kanpeki.vercel.app/r/toggle-demo.json"},{"name":"toggle-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-disabled-demo.json"},{"name":"toggle-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-demo.json"},{"name":"toggle-large-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-large-demo.json"},{"name":"toggle-outline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-outline-demo.json"},{"name":"toggle-small-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-small-demo.json"},{"name":"toggle-group-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-demo.json"},{"name":"toggle-group-outline-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-outline-demo.json"},{"name":"toggle-group-single-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-single-demo.json"},{"name":"toggle-group-sm-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-sm-demo.json"},{"name":"toggle-group-lg-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-lg-demo.json"},{"name":"toggle-group-disabled-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-disabled-demo.json"},{"name":"toggle-group-spacing-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://kanpeki.vercel.app/r/toggle-group-spacing-demo.json"},{"name":"tooltip-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip-demo.json","copy_url":"https://kanpeki.vercel.app/r/tooltip-demo.json"},{"name":"tooltip-hover-card-demo","title":null,"description":null,"type":"registry:example","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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.vercel.app/registry/kapwa","markdown":"https://sh4dcn.vercel.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":19,"open_issues":12,"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/article.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/article.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/list.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/list.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/table.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/tables.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/tables.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/articles.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/articles.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/banners.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/banners.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/biography.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/biography.json","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"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","copy_url":"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","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/lists.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/lists.json","copy_url":"https://kapwa-two.vercel.app/r/lists.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.vercel.app/registry/kibo-ui","markdown":"https://sh4dcn.vercel.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":3851,"open_issues":33,"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","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)"],"source_url":"https://www.kibo-ui.com/r/announcement.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/announcement.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/banner.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/banner.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/calendar.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/choicebox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/choicebox.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/combobox.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/comparison.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/comparison.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/cursor.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/cursor.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/deck.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/deck.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/dropzone.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/dropzone.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/editor.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/editor.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/gantt.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/gantt.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/glimpse.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/glimpse.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/kanban.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/kanban.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/list.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/list.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/marquee.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/marquee.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/pill.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/pill.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/rating.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/rating.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/reel.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/reel.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/sandbox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/sandbox.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/snippet.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/snippet.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/spinner.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/spinner.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/status.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/status.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/stories.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/stories.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/table.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/table.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/tags.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/tags.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/ticker.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/ticker.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/tree.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/tree.json","copy_url":"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","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)"],"source_url":"https://www.kibo-ui.com/r/typography.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/typography.json","copy_url":"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","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)"],"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","copy_url":"https://www.kibo-ui.com/r/video-player.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","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro"],"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.vercel.app/registry/kokonutui","markdown":"https://sh4dcn.vercel.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.219_wqxzyc65n.png","pro":{"has_pro":true,"pro_url":"https://kokonutui.pro","pricing_url":"https://kokonutui.pro"},"metrics":{"github_stars":1908,"open_issues":1,"last_commit":"2026-05-22T06:57:42Z"},"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":40,"components":[{"name":"ai-prompt","title":"AI Input Selector","description":"My own style of chat AI input.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-prompt.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-prompt.json","copy_url":"https://kokonutui.com/r/ai-prompt.json"},{"name":"command-button","title":"Command Button","description":"Command button for shortcut.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/command-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/command-button.json","copy_url":"https://kokonutui.com/r/command-button.json"},{"name":"card-flip","title":"Card Flip","description":"Animated flip card with gradient button and animation.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/card-flip.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/card-flip.json","copy_url":"https://kokonutui.com/r/card-flip.json"},{"name":"smooth-drawer","title":"Smooth Drawer","description":"Smooth slide-in drawer. (this was harder than i thought to make that one)","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/smooth-drawer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/smooth-drawer.json","copy_url":"https://kokonutui.com/r/smooth-drawer.json"},{"name":"shape-hero","title":"Shapes Hero","description":"Shapes that fall from the top.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/shape-hero.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/shape-hero.json","copy_url":"https://kokonutui.com/r/shape-hero.json"},{"name":"ai-text-loading","title":"AI Text Loading","description":"Thinking mode.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-text-loading.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-text-loading.json","copy_url":"https://kokonutui.com/r/ai-text-loading.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Quite fancy.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/shimmer-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/shimmer-text.json","copy_url":"https://kokonutui.com/r/shimmer-text.json"},{"name":"carousel-cards","title":"Carousel Cards","description":"Interactive carousel with card navigation.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/carousel-cards.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/carousel-cards.json","copy_url":"https://kokonutui.com/r/carousel-cards.json"},{"name":"file-upload","title":"File Upload","description":"File upload with special uploading animation. Make sure to try the drag and drop.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/file-upload.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/file-upload.json","copy_url":"https://kokonutui.com/r/file-upload.json"},{"name":"action-search-bar","title":"Action Search Bar","description":"Action Bar with shortcuts, and smooth dropdown animation.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/action-search-bar.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/action-search-bar.json","copy_url":"https://kokonutui.com/r/action-search-bar.json"},{"name":"ai-input-search","title":"AI Input Search","description":"AI input with search mode.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-input-search.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-input-search.json","copy_url":"https://kokonutui.com/r/ai-input-search.json"},{"name":"currency-transfer","title":"Currency Transfer","description":"Multiples step animation transaction inspired.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/currency-transfer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/currency-transfer.json","copy_url":"https://kokonutui.com/r/currency-transfer.json"},{"name":"background-paths","title":"Background Paths","description":"Drawed line paths in the middle.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/background-paths.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/background-paths.json","copy_url":"https://kokonutui.com/r/background-paths.json"},{"name":"beams-background","title":"Beams Background","description":"Animated Beams in the background that are customizable.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/beams-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/beams-background.json","copy_url":"https://kokonutui.com/r/beams-background.json"},{"name":"apple-activity-card","title":"Apple Activity Card","description":"Inspired by Apple activity app.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/apple-activity-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/apple-activity-card.json","copy_url":"https://kokonutui.com/r/apple-activity-card.json"},{"name":"ai-voice","title":"AI Voice","description":"Voice mode.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-voice.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-voice.json","copy_url":"https://kokonutui.com/r/ai-voice.json"},{"name":"smooth-tab","title":"Smooth Tab","description":"Animated tab switcher.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/smooth-tab.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/smooth-tab.json","copy_url":"https://kokonutui.com/r/smooth-tab.json"},{"name":"team-selector","title":"Team Selector","description":"Group selector with a different style.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/team-selector.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/team-selector.json","copy_url":"https://kokonutui.com/r/team-selector.json"},{"name":"switch-button","title":"Switch Button","description":"Animated shadow theme switcher button.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/switch-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/switch-button.json","copy_url":"https://kokonutui.com/r/switch-button.json"},{"name":"bento-grid","title":"Bento Grid","description":"Grid of 4 cards with different content and animations.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/bento-grid.json","copy_url":"https://kokonutui.com/r/bento-grid.json"},{"name":"social-button","title":"Social Button","description":"Animated Social show-up","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/social-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/social-button.json","copy_url":"https://kokonutui.com/r/social-button.json"},{"name":"hold-button","title":"Hold Button","description":"Hold Button with different hold duration and colors.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/hold-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/hold-button.json","copy_url":"https://kokonutui.com/r/hold-button.json"},{"name":"attract-button","title":"Magnet Button","description":"Attract particles button!","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/attract-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/attract-button.json","copy_url":"https://kokonutui.com/r/attract-button.json"},{"name":"gradient-button","title":"Gradient Button","description":"That was so hard to make.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/gradient-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/gradient-button.json","copy_url":"https://kokonutui.com/r/gradient-button.json"},{"name":"v0-button","title":"V0 Button","description":"Open in V0.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/v0-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/v0-button.json","copy_url":"https://kokonutui.com/r/v0-button.json"},{"name":"toolbar","title":"Toolbar","description":"Multiples actions toolbar inspired by Figma.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/toolbar.json","copy_url":"https://kokonutui.com/r/toolbar.json"},{"name":"ai-loading","title":"AI State Loading","description":"Code loading pending.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-loading.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-loading.json","copy_url":"https://kokonutui.com/r/ai-loading.json"},{"name":"card-stack","title":"Stack","description":"Stack of cards that expend onclick.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/card-stack.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/card-stack.json","copy_url":"https://kokonutui.com/r/card-stack.json"},{"name":"avatar-picker","title":"Avatar Picker","description":"Avatar picker with rotation animation.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/avatar-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/avatar-picker.json","copy_url":"https://kokonutui.com/r/avatar-picker.json"},{"name":"type-writer","title":"Typing Text","description":"Animated TypeWritter with multiples options.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/type-writer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/type-writer.json","copy_url":"https://kokonutui.com/r/type-writer.json"},{"name":"swoosh-text","title":"Swoosh Text","description":"Nike inspired Text","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/swoosh-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/swoosh-text.json","copy_url":"https://kokonutui.com/r/swoosh-text.json"},{"name":"sliced-text","title":"Sliced Text","description":"I haven't found any usage for that component, but i like it.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/sliced-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/sliced-text.json","copy_url":"https://kokonutui.com/r/sliced-text.json"},{"name":"glitch-text","title":"Glitch Text","description":"Why not?","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/glitch-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/glitch-text.json","copy_url":"https://kokonutui.com/r/glitch-text.json"},{"name":"matrix-text","title":"Matrix Text","description":"010110010110111101110101011100100010000001110111011001010110110001100011011011110110110101100101","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/matrix-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/matrix-text.json","copy_url":"https://kokonutui.com/r/matrix-text.json"},{"name":"dynamic-text","title":"Dynamic Text","description":"Dynamic switcher text.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/dynamic-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/dynamic-text.json","copy_url":"https://kokonutui.com/r/dynamic-text.json"},{"name":"particle-button","title":"Particle Button","description":"Particle Button Animation on click.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/particle-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/particle-button.json","copy_url":"https://kokonutui.com/r/particle-button.json"},{"name":"tweet-card","title":"X Card","description":"Gradient on hover X card. (The post is real!)","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/tweet-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/tweet-card.json","copy_url":"https://kokonutui.com/r/tweet-card.json"},{"name":"scroll-text","title":"Scroll Text","description":"Animated on scroll texts.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/scroll-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/scroll-text.json","copy_url":"https://kokonutui.com/r/scroll-text.json"},{"name":"liquid-glass-card","title":"Liquid Glass","description":"Liquid Glass inspired by @Apple","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/liquid-glass-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/liquid-glass-card.json","copy_url":"https://kokonutui.com/r/liquid-glass-card.json"},{"name":"profile-dropdown","title":"Profile Dropdown","description":"Menu dropdown with action buttons.","type":"registry:component","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/profile-dropdown.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/profile-dropdown.json","copy_url":"https://kokonutui.com/r/profile-dropdown.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.vercel.app/registry/launchui","markdown":"https://sh4dcn.vercel.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.3pw9990o0n0b4.jpg?dpl=dpl_BYXQiabjQfR9j7EZRW9ogPSpTmvD","pro":{"has_pro":true,"pro_url":"https://www.launchuicomponents.com/pricing","pricing_url":"https://www.launchuicomponents.com/pricing"},"metrics":{"github_stars":807,"open_issues":0,"last_commit":"2026-06-24T14:23:15Z"},"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/launchui.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/launchui.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/navbar.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/navbar.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/hero.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/hero.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/items.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/items.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/logos.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/logos.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/bento-grid.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/feature.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/feature.json","copy_url":"https://www.launchuicomponents.com/r/feature.json"},{"name":"tabs","title":"Tabs Section","description":"Tabbed content sections for organizing information.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/tabs.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/social-proof.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/social-proof.json","copy_url":"https://www.launchuicomponents.com/r/social-proof.json"},{"name":"testimonials","title":"Testimonials","description":"Customer testimonial sections with carousel and grid layouts.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/testimonials.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/testimonials.json","copy_url":"https://www.launchuicomponents.com/r/testimonials.json"},{"name":"faq","title":"FAQ Section","description":"Frequently asked questions section with accordion functionality.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/faq.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/faq.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/cta.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/cta.json","copy_url":"https://www.launchuicomponents.com/r/cta.json"},{"name":"carousel","title":"Carousel","description":"Image and content carousels with multiple display options.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/carousel.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/carousel.json","copy_url":"https://www.launchuicomponents.com/r/carousel.json"},{"name":"stats","title":"Stats Section","description":"Statistics display section for showcasing numbers and metrics.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/stats.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/stats.json","copy_url":"https://www.launchuicomponents.com/r/stats.json"},{"name":"pricing","title":"Pricing Section","description":"Pricing tables and cards with feature comparisons.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/pricing.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/pricing.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/footer.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/footer.json","copy_url":"https://www.launchuicomponents.com/r/footer.json"},{"name":"gallery","title":"Gallery","description":"Image gallery sections with grid and masonry layouts.","type":"registry:block","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/gallery.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/gallery.json","copy_url":"https://www.launchuicomponents.com/r/gallery.json"},{"name":"pro","title":"Pro Dependencies","description":"All dependencies required for Launch UI Pro components.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/pro.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/pro.json","copy_url":"https://www.launchuicomponents.com/r/pro.json"},{"name":"button","title":"Button","description":"A customizable button component with multiple variants and sizes.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/button.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/button.json","copy_url":"https://www.launchuicomponents.com/r/button.json"},{"name":"badge","title":"Badge","description":"A badge component for labels, tags, and status indicators.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/badge.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/badge.json","copy_url":"https://www.launchuicomponents.com/r/badge.json"},{"name":"card","title":"Card","description":"A card component for containing related content.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/card.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/card.json","copy_url":"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","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/screenshot.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/screenshot.json","copy_url":"https://www.launchuicomponents.com/r/screenshot.json"},{"name":"mockup","title":"Mockup","description":"Device mockup frames for showcasing app screenshots.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/mockup.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/mockup.json","copy_url":"https://www.launchuicomponents.com/r/mockup.json"},{"name":"glow","title":"Glow","description":"Decorative glow effects for adding visual interest.","type":"registry:ui","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/glow.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/glow.json","copy_url":"https://www.launchuicomponents.com/r/glow.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.vercel.app/registry/lens-blocks","markdown":"https://sh4dcn.vercel.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":6,"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/paginated-list.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/paginated-list.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/login-button.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/login-button.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/utils.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/utils.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-authenticated-account.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-authenticated-account.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-reaction-toggle.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-reaction-toggle.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"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","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-post-context.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-post-context.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/post-provider.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/post-provider.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-chooser.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-chooser.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-list-item.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-list-item.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/audio-player.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/audio-player.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/video-player.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/video-player.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/text-editor.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/text-editor.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/follow-button.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/follow-button.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-hover-card.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-hover-card.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/login.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/login.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/lens-markdown.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/lens-markdown.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/tip-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/tip-dialog.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/quote-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/quote-dialog.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/collect-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/collect-dialog.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/link-preview.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/link-preview.json","copy_url":"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","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/post.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/post.json","copy_url":"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","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"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.vercel.app/registry/limeplay","markdown":"https://sh4dcn.vercel.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":276,"open_issues":2,"last_commit":"2026-07-04T19:40:10Z"},"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":51,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/index.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/index.json","copy_url":"https://limeplay.winoffrg.dev/r/index.json"},{"name":"error-screen","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/error-screen.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/error-screen.json","copy_url":"https://limeplay.winoffrg.dev/r/error-screen.json"},{"name":"fallback-poster","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/fallback-poster.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/fallback-poster.json","copy_url":"https://limeplay.winoffrg.dev/r/fallback-poster.json"},{"name":"mute-control","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/mute-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/mute-control.json","copy_url":"https://limeplay.winoffrg.dev/r/mute-control.json"},{"name":"media-provider","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/media-provider.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/media-provider.json","copy_url":"https://limeplay.winoffrg.dev/r/media-provider.json"},{"name":"player-layout","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/player-layout.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/player-layout.json","copy_url":"https://limeplay.winoffrg.dev/r/player-layout.json"},{"name":"media","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/media.json","copy_url":"https://limeplay.winoffrg.dev/r/media.json"},{"name":"volume-control","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/volume-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-control.json","copy_url":"https://limeplay.winoffrg.dev/r/volume-control.json"},{"name":"playback-control","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-control.json","copy_url":"https://limeplay.winoffrg.dev/r/playback-control.json"},{"name":"picture-in-picture-control","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control.json"},{"name":"playback-rate","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-rate.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-rate.json","copy_url":"https://limeplay.winoffrg.dev/r/playback-rate.json"},{"name":"timeline-labels","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-labels.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-labels.json","copy_url":"https://limeplay.winoffrg.dev/r/timeline-labels.json"},{"name":"timeline-control","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-control.json","copy_url":"https://limeplay.winoffrg.dev/r/timeline-control.json"},{"name":"limeplay-logo","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/limeplay-logo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/limeplay-logo.json","copy_url":"https://limeplay.winoffrg.dev/r/limeplay-logo.json"},{"name":"root-container","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/root-container.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/root-container.json","copy_url":"https://limeplay.winoffrg.dev/r/root-container.json"},{"name":"captions","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/captions.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/captions.json","copy_url":"https://limeplay.winoffrg.dev/r/captions.json"},{"name":"seek-controls","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/seek-controls.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/seek-controls.json","copy_url":"https://limeplay.winoffrg.dev/r/seek-controls.json"},{"name":"video-player","title":null,"description":"Modern seamless flat video player","type":"registry:block","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/video-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/video-player.json","copy_url":"https://limeplay.winoffrg.dev/r/video-player.json"},{"name":"audio-player","title":"Audio Player","description":"Compact audio player with playlist support","type":"registry:block","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/audio-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/audio-player.json","copy_url":"https://limeplay.winoffrg.dev/r/audio-player.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/utils.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/utils.json","copy_url":"https://limeplay.winoffrg.dev/r/utils.json"},{"name":"time","title":null,"description":null,"type":"registry:lib","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/time.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/time.json","copy_url":"https://limeplay.winoffrg.dev/r/time.json"},{"name":"use-media","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-media.json","copy_url":"https://limeplay.winoffrg.dev/r/use-media.json"},{"name":"use-volume","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-volume.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-volume.json","copy_url":"https://limeplay.winoffrg.dev/r/use-volume.json"},{"name":"use-controls-visibility","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/use-controls-visibility.json"},{"name":"use-track-events","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/use-track-events.json"},{"name":"use-timeline","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-timeline.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-timeline.json","copy_url":"https://limeplay.winoffrg.dev/r/use-timeline.json"},{"name":"use-player","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-player.json","copy_url":"https://limeplay.winoffrg.dev/r/use-player.json"},{"name":"use-asset","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-asset.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-asset.json","copy_url":"https://limeplay.winoffrg.dev/r/use-asset.json"},{"name":"use-playback-source","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/use-playback-source.json"},{"name":"use-interval","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-interval.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-interval.json","copy_url":"https://limeplay.winoffrg.dev/r/use-interval.json"},{"name":"use-captions","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-captions.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-captions.json","copy_url":"https://limeplay.winoffrg.dev/r/use-captions.json"},{"name":"use-playback-rate","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/use-playback-rate.json"},{"name":"use-seek","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-seek.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-seek.json","copy_url":"https://limeplay.winoffrg.dev/r/use-seek.json"},{"name":"use-playlist","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playlist.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playlist.json","copy_url":"https://limeplay.winoffrg.dev/r/use-playlist.json"},{"name":"use-playback","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playback.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback.json","copy_url":"https://limeplay.winoffrg.dev/r/use-playback.json"},{"name":"use-picture-in-picture","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/use-picture-in-picture.json"},{"name":"use-idle","title":null,"description":null,"type":"registry:hook","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-idle.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-idle.json","copy_url":"https://limeplay.winoffrg.dev/r/use-idle.json"},{"name":"custom-demo-controls","title":null,"description":null,"type":"registry:ui","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/custom-demo-controls.json"},{"name":"internal-media","title":null,"description":null,"type":"registry:lib","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/internal-media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/internal-media.json","copy_url":"https://limeplay.winoffrg.dev/r/internal-media.json"},{"name":"error-screen-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/error-screen-demo.json"},{"name":"fallback-poster-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/fallback-poster-demo.json"},{"name":"playback-state-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/playback-state-control-demo.json"},{"name":"picture-in-picture-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control-demo.json"},{"name":"volume-slider-control-horizontal-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-horizontal-demo.json"},{"name":"volume-slider-control-vertical-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-vertical-demo.json"},{"name":"volume-state-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/volume-state-control-demo.json"},{"name":"timeline-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/timeline-control-demo.json"},{"name":"timeline-labels-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/timeline-labels-demo.json"},{"name":"captions-state-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/captions-state-control-demo.json"},{"name":"playback-rate-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/playback-rate-demo.json"},{"name":"seek-control-demo","title":null,"description":null,"type":"registry:example","tags":["audio","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://limeplay.winoffrg.dev/r/seek-control-demo.json"}]},{"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.vercel.app/registry/lmscn","markdown":"https://sh4dcn.vercel.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":19,"open_issues":3,"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/quiz.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/quiz.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/flashcards.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/flashcards.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/match.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/match.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/fill-blank.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/fill-blank.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/scramble.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/scramble.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/order.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/order.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/reading-passage.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/reading-passage.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/progress-tracker.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/progress-tracker.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/spaced-repetition.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/spaced-repetition.json","copy_url":"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","tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/hotspot.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/hotspot.json","copy_url":"https://lmscn.vercel.app/r/hotspot.json"}]},{"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.vercel.app/registry/loading-ui","markdown":"https://sh4dcn.vercel.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://loading-ui.com/images/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":399,"open_issues":0,"last_commit":"2026-07-01T21:01:48Z"},"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","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/index.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/index.json","copy_url":"https://loading-ui.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/style.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/style.json","copy_url":"https://loading-ui.com/r/style.json"},{"name":"ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/ring.json","copy_url":"https://loading-ui.com/r/ring.json"},{"name":"spokes","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/spokes.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/spokes.json","copy_url":"https://loading-ui.com/r/spokes.json"},{"name":"classic","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/classic.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/classic.json","copy_url":"https://loading-ui.com/r/classic.json"},{"name":"dots-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dots-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dots-ring.json","copy_url":"https://loading-ui.com/r/dots-ring.json"},{"name":"spiral","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/spiral.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/spiral.json","copy_url":"https://loading-ui.com/r/spiral.json"},{"name":"swirling","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/swirling.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/swirling.json","copy_url":"https://loading-ui.com/r/swirling.json"},{"name":"arc","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/arc.json","copy_url":"https://loading-ui.com/r/arc.json"},{"name":"dual-arc","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dual-arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dual-arc.json","copy_url":"https://loading-ui.com/r/dual-arc.json"},{"name":"fade-arc","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/fade-arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/fade-arc.json","copy_url":"https://loading-ui.com/r/fade-arc.json"},{"name":"concentric-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/concentric-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/concentric-ring.json","copy_url":"https://loading-ui.com/r/concentric-ring.json"},{"name":"orbit-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/orbit-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/orbit-ring.json","copy_url":"https://loading-ui.com/r/orbit-ring.json"},{"name":"satellite-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/satellite-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/satellite-ring.json","copy_url":"https://loading-ui.com/r/satellite-ring.json"},{"name":"clock-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/clock-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/clock-ring.json","copy_url":"https://loading-ui.com/r/clock-ring.json"},{"name":"quarter-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/quarter-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/quarter-ring.json","copy_url":"https://loading-ui.com/r/quarter-ring.json"},{"name":"dash-ring","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dash-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dash-ring.json","copy_url":"https://loading-ui.com/r/dash-ring.json"},{"name":"comet-spinner","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/comet-spinner.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/comet-spinner.json","copy_url":"https://loading-ui.com/r/comet-spinner.json"},{"name":"pulse","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulse.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulse.json","copy_url":"https://loading-ui.com/r/pulse.json"},{"name":"ripple","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/ripple.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/ripple.json","copy_url":"https://loading-ui.com/r/ripple.json"},{"name":"pulse-dot","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulse-dot.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulse-dot.json","copy_url":"https://loading-ui.com/r/pulse-dot.json"},{"name":"dots","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dots.json","copy_url":"https://loading-ui.com/r/dots.json"},{"name":"bobbing-dots","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bobbing-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bobbing-dots.json","copy_url":"https://loading-ui.com/r/bobbing-dots.json"},{"name":"bouncing-dots","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bouncing-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bouncing-dots.json","copy_url":"https://loading-ui.com/r/bouncing-dots.json"},{"name":"typing","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/typing.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/typing.json","copy_url":"https://loading-ui.com/r/typing.json"},{"name":"twin-orbit","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/twin-orbit.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/twin-orbit.json","copy_url":"https://loading-ui.com/r/twin-orbit.json"},{"name":"pulsating-dots","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulsating-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulsating-dots.json","copy_url":"https://loading-ui.com/r/pulsating-dots.json"},{"name":"triple-dot-spinner","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"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","copy_url":"https://loading-ui.com/r/triple-dot-spinner.json"},{"name":"text-shimmer","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-shimmer.json","copy_url":"https://loading-ui.com/r/text-shimmer.json"},{"name":"text-blink","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-blink.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-blink.json","copy_url":"https://loading-ui.com/r/text-blink.json"},{"name":"text-dots","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-dots.json","copy_url":"https://loading-ui.com/r/text-dots.json"},{"name":"text-shimmer-wave","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"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","copy_url":"https://loading-ui.com/r/text-shimmer-wave.json"},{"name":"morphing-infinity","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/morphing-infinity.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/morphing-infinity.json","copy_url":"https://loading-ui.com/r/morphing-infinity.json"},{"name":"infinity","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/infinity.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/infinity.json","copy_url":"https://loading-ui.com/r/infinity.json"},{"name":"accordion-loader","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/accordion-loader.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/accordion-loader.json","copy_url":"https://loading-ui.com/r/accordion-loader.json"},{"name":"symmetric-wave","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/symmetric-wave.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/symmetric-wave.json","copy_url":"https://loading-ui.com/r/symmetric-wave.json"},{"name":"square-grid","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-grid.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-grid.json","copy_url":"https://loading-ui.com/r/square-grid.json"},{"name":"square-accordion","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-accordion.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-accordion.json","copy_url":"https://loading-ui.com/r/square-accordion.json"},{"name":"conveyor-loop","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/conveyor-loop.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/conveyor-loop.json","copy_url":"https://loading-ui.com/r/conveyor-loop.json"},{"name":"square-snake","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-snake.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-snake.json","copy_url":"https://loading-ui.com/r/square-snake.json"},{"name":"infinity-square-snake","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"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","copy_url":"https://loading-ui.com/r/infinity-square-snake.json"},{"name":"infinity-track","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/infinity-track.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/infinity-track.json","copy_url":"https://loading-ui.com/r/infinity-track.json"},{"name":"diamond","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/diamond.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/diamond.json","copy_url":"https://loading-ui.com/r/diamond.json"},{"name":"wave","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/wave.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/wave.json","copy_url":"https://loading-ui.com/r/wave.json"},{"name":"bars","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bars.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bars.json","copy_url":"https://loading-ui.com/r/bars.json"},{"name":"analyzing-image","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/analyzing-image.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/analyzing-image.json","copy_url":"https://loading-ui.com/r/analyzing-image.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/skeleton.json","copy_url":"https://loading-ui.com/r/skeleton.json"},{"name":"terminal","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/terminal.json","copy_url":"https://loading-ui.com/r/terminal.json"},{"name":"wandering-eyes","title":null,"description":null,"type":"registry:component","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/wandering-eyes.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/wandering-eyes.json","copy_url":"https://loading-ui.com/r/wandering-eyes.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/utils.json","copy_url":"https://loading-ui.com/r/utils.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.vercel.app/registry/lucide-animated","markdown":"https://sh4dcn.vercel.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":7765,"open_issues":12,"last_commit":"2026-06-29T10:58:37Z"},"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","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/a-arrow-down.json"},{"name":"a-arrow-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/a-arrow-up.json"},{"name":"accessibility","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/accessibility.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/accessibility.json","copy_url":"https://lucide-animated.com/r/accessibility.json"},{"name":"activity","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/activity.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/activity.json","copy_url":"https://lucide-animated.com/r/activity.json"},{"name":"air-vent","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/air-vent.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/air-vent.json","copy_url":"https://lucide-animated.com/r/air-vent.json"},{"name":"airplane","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/airplane.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/airplane.json","copy_url":"https://lucide-animated.com/r/airplane.json"},{"name":"airplay","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/airplay.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/airplay.json","copy_url":"https://lucide-animated.com/r/airplay.json"},{"name":"alarm-clock","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-clock.json","copy_url":"https://lucide-animated.com/r/alarm-clock.json"},{"name":"alarm-clock-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/alarm-clock-check.json"},{"name":"alarm-clock-minus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/alarm-clock-minus.json"},{"name":"alarm-clock-plus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/alarm-clock-plus.json"},{"name":"alarm-smoke","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/alarm-smoke.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-smoke.json","copy_url":"https://lucide-animated.com/r/alarm-smoke.json"},{"name":"align-center","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-center.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-center.json","copy_url":"https://lucide-animated.com/r/align-center.json"},{"name":"align-horizontal","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-horizontal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-horizontal.json","copy_url":"https://lucide-animated.com/r/align-horizontal.json"},{"name":"align-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-left.json","copy_url":"https://lucide-animated.com/r/align-left.json"},{"name":"align-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-right.json","copy_url":"https://lucide-animated.com/r/align-right.json"},{"name":"align-vertical","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-vertical.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-vertical.json","copy_url":"https://lucide-animated.com/r/align-vertical.json"},{"name":"ambulance","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/ambulance.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ambulance.json","copy_url":"https://lucide-animated.com/r/ambulance.json"},{"name":"angry","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/angry.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/angry.json","copy_url":"https://lucide-animated.com/r/angry.json"},{"name":"annoyed","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/annoyed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/annoyed.json","copy_url":"https://lucide-animated.com/r/annoyed.json"},{"name":"archive","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/archive.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/archive.json","copy_url":"https://lucide-animated.com/r/archive.json"},{"name":"arrow-big-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-down.json"},{"name":"arrow-big-down-dash","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-down-dash.json"},{"name":"arrow-big-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-left.json"},{"name":"arrow-big-left-dash","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-left-dash.json"},{"name":"arrow-big-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-right.json"},{"name":"arrow-big-right-dash","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-right-dash.json"},{"name":"arrow-big-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-up.json"},{"name":"arrow-big-up-dash","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-big-up-dash.json"},{"name":"arrow-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down.json","copy_url":"https://lucide-animated.com/r/arrow-down.json"},{"name":"arrow-down-0-1","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-0-1.json"},{"name":"arrow-down-1-0","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-1-0.json"},{"name":"arrow-down-a-z","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-a-z.json"},{"name":"arrow-down-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-left.json"},{"name":"arrow-down-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-right.json"},{"name":"arrow-down-z-a","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-down-z-a.json"},{"name":"arrow-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-left.json","copy_url":"https://lucide-animated.com/r/arrow-left.json"},{"name":"arrow-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-right.json","copy_url":"https://lucide-animated.com/r/arrow-right.json"},{"name":"arrow-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-up.json","copy_url":"https://lucide-animated.com/r/arrow-up.json"},{"name":"arrow-up-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-up-left.json"},{"name":"arrow-up-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/arrow-up-right.json"},{"name":"at-sign","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/at-sign.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/at-sign.json","copy_url":"https://lucide-animated.com/r/at-sign.json"},{"name":"atom","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/atom.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/atom.json","copy_url":"https://lucide-animated.com/r/atom.json"},{"name":"attach-file","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/attach-file.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/attach-file.json","copy_url":"https://lucide-animated.com/r/attach-file.json"},{"name":"audio-lines","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/audio-lines.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/audio-lines.json","copy_url":"https://lucide-animated.com/r/audio-lines.json"},{"name":"axe","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/axe.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/axe.json","copy_url":"https://lucide-animated.com/r/axe.json"},{"name":"badge-alert","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/badge-alert.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/badge-alert.json","copy_url":"https://lucide-animated.com/r/badge-alert.json"},{"name":"badge-percent","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/badge-percent.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/badge-percent.json","copy_url":"https://lucide-animated.com/r/badge-percent.json"},{"name":"ban","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/ban.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ban.json","copy_url":"https://lucide-animated.com/r/ban.json"},{"name":"banana","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/banana.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/banana.json","copy_url":"https://lucide-animated.com/r/banana.json"},{"name":"battery","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery.json","copy_url":"https://lucide-animated.com/r/battery.json"},{"name":"battery-charging","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-charging.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-charging.json","copy_url":"https://lucide-animated.com/r/battery-charging.json"},{"name":"battery-full","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-full.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-full.json","copy_url":"https://lucide-animated.com/r/battery-full.json"},{"name":"battery-low","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-low.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-low.json","copy_url":"https://lucide-animated.com/r/battery-low.json"},{"name":"battery-medium","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-medium.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-medium.json","copy_url":"https://lucide-animated.com/r/battery-medium.json"},{"name":"battery-plus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-plus.json","copy_url":"https://lucide-animated.com/r/battery-plus.json"},{"name":"battery-warning","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-warning.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-warning.json","copy_url":"https://lucide-animated.com/r/battery-warning.json"},{"name":"bell","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bell.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bell.json","copy_url":"https://lucide-animated.com/r/bell.json"},{"name":"bell-electric","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bell-electric.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bell-electric.json","copy_url":"https://lucide-animated.com/r/bell-electric.json"},{"name":"biceps-flexed","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/biceps-flexed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/biceps-flexed.json","copy_url":"https://lucide-animated.com/r/biceps-flexed.json"},{"name":"binary","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/binary.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/binary.json","copy_url":"https://lucide-animated.com/r/binary.json"},{"name":"blocks","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/blocks.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/blocks.json","copy_url":"https://lucide-animated.com/r/blocks.json"},{"name":"bluetooth","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth.json","copy_url":"https://lucide-animated.com/r/bluetooth.json"},{"name":"bluetooth-connected","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-connected.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-connected.json","copy_url":"https://lucide-animated.com/r/bluetooth-connected.json"},{"name":"bluetooth-off","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-off.json","copy_url":"https://lucide-animated.com/r/bluetooth-off.json"},{"name":"bluetooth-searching","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-searching.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-searching.json","copy_url":"https://lucide-animated.com/r/bluetooth-searching.json"},{"name":"bold","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bold.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bold.json","copy_url":"https://lucide-animated.com/r/bold.json"},{"name":"bone","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bone.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bone.json","copy_url":"https://lucide-animated.com/r/bone.json"},{"name":"book-text","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/book-text.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/book-text.json","copy_url":"https://lucide-animated.com/r/book-text.json"},{"name":"bookmark","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark.json","copy_url":"https://lucide-animated.com/r/bookmark.json"},{"name":"bookmark-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-check.json","copy_url":"https://lucide-animated.com/r/bookmark-check.json"},{"name":"bookmark-minus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-minus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-minus.json","copy_url":"https://lucide-animated.com/r/bookmark-minus.json"},{"name":"bookmark-plus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-plus.json","copy_url":"https://lucide-animated.com/r/bookmark-plus.json"},{"name":"bookmark-x","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-x.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-x.json","copy_url":"https://lucide-animated.com/r/bookmark-x.json"},{"name":"bot","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bot.json","copy_url":"https://lucide-animated.com/r/bot.json"},{"name":"bot-message-square","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/bot-message-square.json"},{"name":"box","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/box.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/box.json","copy_url":"https://lucide-animated.com/r/box.json"},{"name":"boxes","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/boxes.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/boxes.json","copy_url":"https://lucide-animated.com/r/boxes.json"},{"name":"brain","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/brain.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/brain.json","copy_url":"https://lucide-animated.com/r/brain.json"},{"name":"briefcase-business","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/briefcase-business.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/briefcase-business.json","copy_url":"https://lucide-animated.com/r/briefcase-business.json"},{"name":"calendar-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/calendar-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-check.json","copy_url":"https://lucide-animated.com/r/calendar-check.json"},{"name":"calendar-check-2","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/calendar-check-2.json"},{"name":"calendar-cog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/calendar-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-cog.json","copy_url":"https://lucide-animated.com/r/calendar-cog.json"},{"name":"calendar-days","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/calendar-days.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-days.json","copy_url":"https://lucide-animated.com/r/calendar-days.json"},{"name":"cart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cart.json","copy_url":"https://lucide-animated.com/r/cart.json"},{"name":"cast","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cast.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cast.json","copy_url":"https://lucide-animated.com/r/cast.json"},{"name":"cctv","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cctv.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cctv.json","copy_url":"https://lucide-animated.com/r/cctv.json"},{"name":"chart-bar-decreasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-bar-decreasing.json"},{"name":"chart-bar-increasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-bar-increasing.json"},{"name":"chart-column-decreasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-column-decreasing.json"},{"name":"chart-column-increasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-column-increasing.json"},{"name":"chart-line","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chart-line.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-line.json","copy_url":"https://lucide-animated.com/r/chart-line.json"},{"name":"chart-no-axes-column-decreasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-no-axes-column-decreasing.json"},{"name":"chart-no-axes-column-increasing","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chart-no-axes-column-increasing.json"},{"name":"chart-pie","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chart-pie.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-pie.json","copy_url":"https://lucide-animated.com/r/chart-pie.json"},{"name":"chart-scatter","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chart-scatter.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-scatter.json","copy_url":"https://lucide-animated.com/r/chart-scatter.json"},{"name":"chart-spline","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chart-spline.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-spline.json","copy_url":"https://lucide-animated.com/r/chart-spline.json"},{"name":"check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/check.json","copy_url":"https://lucide-animated.com/r/check.json"},{"name":"check-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/check-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/check-check.json","copy_url":"https://lucide-animated.com/r/check-check.json"},{"name":"chess-bishop","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chess-bishop.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-bishop.json","copy_url":"https://lucide-animated.com/r/chess-bishop.json"},{"name":"chess-king","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chess-king.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-king.json","copy_url":"https://lucide-animated.com/r/chess-king.json"},{"name":"chess-knight","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chess-knight.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-knight.json","copy_url":"https://lucide-animated.com/r/chess-knight.json"},{"name":"chess-pawn","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chess-pawn.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-pawn.json","copy_url":"https://lucide-animated.com/r/chess-pawn.json"},{"name":"chevron-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chevron-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-down.json","copy_url":"https://lucide-animated.com/r/chevron-down.json"},{"name":"chevron-first","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chevron-first.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-first.json","copy_url":"https://lucide-animated.com/r/chevron-first.json"},{"name":"chevron-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chevron-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-left.json","copy_url":"https://lucide-animated.com/r/chevron-left.json"},{"name":"chevron-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chevron-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-right.json","copy_url":"https://lucide-animated.com/r/chevron-right.json"},{"name":"chevron-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chevron-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-up.json","copy_url":"https://lucide-animated.com/r/chevron-up.json"},{"name":"chevrons-down-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chevrons-down-up.json"},{"name":"chevrons-left-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chevrons-left-right.json"},{"name":"chevrons-right-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chevrons-right-left.json"},{"name":"chevrons-up-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/chevrons-up-down.json"},{"name":"chrome","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/chrome.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chrome.json","copy_url":"https://lucide-animated.com/r/chrome.json"},{"name":"cigarette","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cigarette.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cigarette.json","copy_url":"https://lucide-animated.com/r/cigarette.json"},{"name":"cigarette-off","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cigarette-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cigarette-off.json","copy_url":"https://lucide-animated.com/r/cigarette-off.json"},{"name":"circle-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/circle-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-check.json","copy_url":"https://lucide-animated.com/r/circle-check.json"},{"name":"circle-chevron-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/circle-chevron-down.json"},{"name":"circle-chevron-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/circle-chevron-left.json"},{"name":"circle-chevron-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/circle-chevron-right.json"},{"name":"circle-chevron-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/circle-chevron-up.json"},{"name":"circle-dashed","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/circle-dashed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-dashed.json","copy_url":"https://lucide-animated.com/r/circle-dashed.json"},{"name":"circle-dollar-sign","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/circle-dollar-sign.json"},{"name":"circle-gauge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/circle-gauge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-gauge.json","copy_url":"https://lucide-animated.com/r/circle-gauge.json"},{"name":"circle-help","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/circle-help.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-help.json","copy_url":"https://lucide-animated.com/r/circle-help.json"},{"name":"clap","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/clap.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clap.json","copy_url":"https://lucide-animated.com/r/clap.json"},{"name":"clipboard-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/clipboard-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clipboard-check.json","copy_url":"https://lucide-animated.com/r/clipboard-check.json"},{"name":"clock","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clock.json","copy_url":"https://lucide-animated.com/r/clock.json"},{"name":"cloud-backup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-backup.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-backup.json","copy_url":"https://lucide-animated.com/r/cloud-backup.json"},{"name":"cloud-cog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-cog.json","copy_url":"https://lucide-animated.com/r/cloud-cog.json"},{"name":"cloud-download","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-download.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-download.json","copy_url":"https://lucide-animated.com/r/cloud-download.json"},{"name":"cloud-lightning","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-lightning.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-lightning.json","copy_url":"https://lucide-animated.com/r/cloud-lightning.json"},{"name":"cloud-rain","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-rain.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-rain.json","copy_url":"https://lucide-animated.com/r/cloud-rain.json"},{"name":"cloud-rain-wind","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/cloud-rain-wind.json"},{"name":"cloud-snow","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-snow.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-snow.json","copy_url":"https://lucide-animated.com/r/cloud-snow.json"},{"name":"cloud-sun","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-sun.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-sun.json","copy_url":"https://lucide-animated.com/r/cloud-sun.json"},{"name":"cloud-sync","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-sync.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-sync.json","copy_url":"https://lucide-animated.com/r/cloud-sync.json"},{"name":"cloud-upload","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cloud-upload.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-upload.json","copy_url":"https://lucide-animated.com/r/cloud-upload.json"},{"name":"coffee","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/coffee.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/coffee.json","copy_url":"https://lucide-animated.com/r/coffee.json"},{"name":"cog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cog.json","copy_url":"https://lucide-animated.com/r/cog.json"},{"name":"compass","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/compass.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/compass.json","copy_url":"https://lucide-animated.com/r/compass.json"},{"name":"concierge-bell","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/concierge-bell.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/concierge-bell.json","copy_url":"https://lucide-animated.com/r/concierge-bell.json"},{"name":"connect","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/connect.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/connect.json","copy_url":"https://lucide-animated.com/r/connect.json"},{"name":"construction","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/construction.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/construction.json","copy_url":"https://lucide-animated.com/r/construction.json"},{"name":"contrast","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/contrast.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/contrast.json","copy_url":"https://lucide-animated.com/r/contrast.json"},{"name":"cooking-pot","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cooking-pot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cooking-pot.json","copy_url":"https://lucide-animated.com/r/cooking-pot.json"},{"name":"copy","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/copy.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/copy.json","copy_url":"https://lucide-animated.com/r/copy.json"},{"name":"corner-down-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-down-left.json"},{"name":"corner-down-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-down-right.json"},{"name":"corner-left-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-left-down.json"},{"name":"corner-left-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-left-up.json"},{"name":"corner-right-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-right-down.json"},{"name":"corner-right-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-right-up.json"},{"name":"corner-up-left","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-up-left.json"},{"name":"corner-up-right","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/corner-up-right.json"},{"name":"cpu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cpu.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cpu.json","copy_url":"https://lucide-animated.com/r/cpu.json"},{"name":"credit-card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/credit-card.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/credit-card.json","copy_url":"https://lucide-animated.com/r/credit-card.json"},{"name":"cup-soda","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cup-soda.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cup-soda.json","copy_url":"https://lucide-animated.com/r/cup-soda.json"},{"name":"cursor-click","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/cursor-click.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cursor-click.json","copy_url":"https://lucide-animated.com/r/cursor-click.json"},{"name":"database-backup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/database-backup.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/database-backup.json","copy_url":"https://lucide-animated.com/r/database-backup.json"},{"name":"delete","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/delete.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/delete.json","copy_url":"https://lucide-animated.com/r/delete.json"},{"name":"disc-3","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/disc-3.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/disc-3.json","copy_url":"https://lucide-animated.com/r/disc-3.json"},{"name":"discord","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/discord.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/discord.json","copy_url":"https://lucide-animated.com/r/discord.json"},{"name":"dollar-sign","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/dollar-sign.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/dollar-sign.json","copy_url":"https://lucide-animated.com/r/dollar-sign.json"},{"name":"download","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/download.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/download.json","copy_url":"https://lucide-animated.com/r/download.json"},{"name":"downvote","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/downvote.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/downvote.json","copy_url":"https://lucide-animated.com/r/downvote.json"},{"name":"dribbble","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/dribbble.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/dribbble.json","copy_url":"https://lucide-animated.com/r/dribbble.json"},{"name":"droplet","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/droplet.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/droplet.json","copy_url":"https://lucide-animated.com/r/droplet.json"},{"name":"drum","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/drum.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/drum.json","copy_url":"https://lucide-animated.com/r/drum.json"},{"name":"earth","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/earth.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/earth.json","copy_url":"https://lucide-animated.com/r/earth.json"},{"name":"euro","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/euro.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/euro.json","copy_url":"https://lucide-animated.com/r/euro.json"},{"name":"ev-charger","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/ev-charger.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ev-charger.json","copy_url":"https://lucide-animated.com/r/ev-charger.json"},{"name":"expand","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/expand.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/expand.json","copy_url":"https://lucide-animated.com/r/expand.json"},{"name":"external-link","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/external-link.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/external-link.json","copy_url":"https://lucide-animated.com/r/external-link.json"},{"name":"eye","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/eye.json","copy_url":"https://lucide-animated.com/r/eye.json"},{"name":"eye-off","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/eye-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/eye-off.json","copy_url":"https://lucide-animated.com/r/eye-off.json"},{"name":"facebook","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/facebook.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/facebook.json","copy_url":"https://lucide-animated.com/r/facebook.json"},{"name":"fan","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/fan.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fan.json","copy_url":"https://lucide-animated.com/r/fan.json"},{"name":"feather","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/feather.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/feather.json","copy_url":"https://lucide-animated.com/r/feather.json"},{"name":"figma","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/figma.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/figma.json","copy_url":"https://lucide-animated.com/r/figma.json"},{"name":"file-chart-line","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/file-chart-line.json"},{"name":"file-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/file-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-check.json","copy_url":"https://lucide-animated.com/r/file-check.json"},{"name":"file-check-2","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/file-check-2.json"},{"name":"file-cog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/file-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-cog.json","copy_url":"https://lucide-animated.com/r/file-cog.json"},{"name":"file-pen-line","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/file-pen-line.json"},{"name":"file-stack","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/file-stack.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-stack.json","copy_url":"https://lucide-animated.com/r/file-stack.json"},{"name":"file-text","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/file-text.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-text.json","copy_url":"https://lucide-animated.com/r/file-text.json"},{"name":"fingerprint","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/fingerprint.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fingerprint.json","copy_url":"https://lucide-animated.com/r/fingerprint.json"},{"name":"fish-symbol","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/fish-symbol.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fish-symbol.json","copy_url":"https://lucide-animated.com/r/fish-symbol.json"},{"name":"flame","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/flame.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/flame.json","copy_url":"https://lucide-animated.com/r/flame.json"},{"name":"flask","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/flask.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/flask.json","copy_url":"https://lucide-animated.com/r/flask.json"},{"name":"folder-archive","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-archive.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-archive.json","copy_url":"https://lucide-animated.com/r/folder-archive.json"},{"name":"folder-check","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-check.json","copy_url":"https://lucide-animated.com/r/folder-check.json"},{"name":"folder-clock","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-clock.json","copy_url":"https://lucide-animated.com/r/folder-clock.json"},{"name":"folder-code","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-code.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-code.json","copy_url":"https://lucide-animated.com/r/folder-code.json"},{"name":"folder-cog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-cog.json","copy_url":"https://lucide-animated.com/r/folder-cog.json"},{"name":"folder-dot","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-dot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-dot.json","copy_url":"https://lucide-animated.com/r/folder-dot.json"},{"name":"folder-down","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-down.json","copy_url":"https://lucide-animated.com/r/folder-down.json"},{"name":"folder-git","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-git.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-git.json","copy_url":"https://lucide-animated.com/r/folder-git.json"},{"name":"folder-git-2","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/folder-git-2.json"},{"name":"folder-heart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-heart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-heart.json","copy_url":"https://lucide-animated.com/r/folder-heart.json"},{"name":"folder-input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-input.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-input.json","copy_url":"https://lucide-animated.com/r/folder-input.json"},{"name":"folder-kanban","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-kanban.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-kanban.json","copy_url":"https://lucide-animated.com/r/folder-kanban.json"},{"name":"folder-key","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-key.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-key.json","copy_url":"https://lucide-animated.com/r/folder-key.json"},{"name":"folder-lock","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-lock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-lock.json","copy_url":"https://lucide-animated.com/r/folder-lock.json"},{"name":"folder-minus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-minus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-minus.json","copy_url":"https://lucide-animated.com/r/folder-minus.json"},{"name":"folder-open","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-open.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-open.json","copy_url":"https://lucide-animated.com/r/folder-open.json"},{"name":"folder-output","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-output.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-output.json","copy_url":"https://lucide-animated.com/r/folder-output.json"},{"name":"folder-plus","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-plus.json","copy_url":"https://lucide-animated.com/r/folder-plus.json"},{"name":"folder-root","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-root.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-root.json","copy_url":"https://lucide-animated.com/r/folder-root.json"},{"name":"folder-sync","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-sync.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-sync.json","copy_url":"https://lucide-animated.com/r/folder-sync.json"},{"name":"folder-tree","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-tree.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-tree.json","copy_url":"https://lucide-animated.com/r/folder-tree.json"},{"name":"folder-up","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-up.json","copy_url":"https://lucide-animated.com/r/folder-up.json"},{"name":"folder-x","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folder-x.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-x.json","copy_url":"https://lucide-animated.com/r/folder-x.json"},{"name":"folders","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/folders.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folders.json","copy_url":"https://lucide-animated.com/r/folders.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/frame.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/frame.json","copy_url":"https://lucide-animated.com/r/frame.json"},{"name":"frown","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/frown.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/frown.json","copy_url":"https://lucide-animated.com/r/frown.json"},{"name":"gallery-horizontal-end","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/gallery-horizontal-end.json"},{"name":"gallery-thumbnails","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/gallery-thumbnails.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gallery-thumbnails.json","copy_url":"https://lucide-animated.com/r/gallery-thumbnails.json"},{"name":"gallery-vertical-end","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/gallery-vertical-end.json"},{"name":"gauge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/gauge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gauge.json","copy_url":"https://lucide-animated.com/r/gauge.json"},{"name":"gavel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/gavel.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gavel.json","copy_url":"https://lucide-animated.com/r/gavel.json"},{"name":"georgian-lari","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/georgian-lari.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/georgian-lari.json","copy_url":"https://lucide-animated.com/r/georgian-lari.json"},{"name":"git-branch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/git-branch.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-branch.json","copy_url":"https://lucide-animated.com/r/git-branch.json"},{"name":"git-commit-horizontal","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-commit-horizontal.json"},{"name":"git-commit-vertical","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-commit-vertical.json"},{"name":"git-compare","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/git-compare.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-compare.json","copy_url":"https://lucide-animated.com/r/git-compare.json"},{"name":"git-compare-arrows","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-compare-arrows.json"},{"name":"git-fork","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/git-fork.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-fork.json","copy_url":"https://lucide-animated.com/r/git-fork.json"},{"name":"git-graph","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/git-graph.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-graph.json","copy_url":"https://lucide-animated.com/r/git-graph.json"},{"name":"git-merge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/git-merge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-merge.json","copy_url":"https://lucide-animated.com/r/git-merge.json"},{"name":"git-pull-request","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-pull-request.json"},{"name":"git-pull-request-closed","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-pull-request-closed.json"},{"name":"git-pull-request-create","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/git-pull-request-create.json"},{"name":"github","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/github.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/github.json","copy_url":"https://lucide-animated.com/r/github.json"},{"name":"gitlab","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/gitlab.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gitlab.json","copy_url":"https://lucide-animated.com/r/gitlab.json"},{"name":"graduation-cap","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/graduation-cap.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/graduation-cap.json","copy_url":"https://lucide-animated.com/r/graduation-cap.json"},{"name":"grip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/grip.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip.json","copy_url":"https://lucide-animated.com/r/grip.json"},{"name":"grip-horizontal","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/grip-horizontal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip-horizontal.json","copy_url":"https://lucide-animated.com/r/grip-horizontal.json"},{"name":"grip-vertical","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/grip-vertical.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip-vertical.json","copy_url":"https://lucide-animated.com/r/grip-vertical.json"},{"name":"hammer","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hammer.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hammer.json","copy_url":"https://lucide-animated.com/r/hammer.json"},{"name":"hand","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand.json","copy_url":"https://lucide-animated.com/r/hand.json"},{"name":"hand-coins","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-coins.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-coins.json","copy_url":"https://lucide-animated.com/r/hand-coins.json"},{"name":"hand-fist","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-fist.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-fist.json","copy_url":"https://lucide-animated.com/r/hand-fist.json"},{"name":"hand-grab","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-grab.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-grab.json","copy_url":"https://lucide-animated.com/r/hand-grab.json"},{"name":"hand-heart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-heart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-heart.json","copy_url":"https://lucide-animated.com/r/hand-heart.json"},{"name":"hand-helping","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-helping.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-helping.json","copy_url":"https://lucide-animated.com/r/hand-helping.json"},{"name":"hand-metal","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hand-metal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-metal.json","copy_url":"https://lucide-animated.com/r/hand-metal.json"},{"name":"hard-drive-download","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/hard-drive-download.json"},{"name":"hard-drive-upload","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"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","copy_url":"https://lucide-animated.com/r/hard-drive-upload.json"},{"name":"hat-glasses","title":null,"description":null,"type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/hat-glasses.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hat-glasses.json","copy_url":"https://lucide-animated.com/r/hat-glasses.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":["recently-updated"],"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.vercel.app/registry/lumiui","markdown":"https://sh4dcn.vercel.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":25,"open_issues":0,"last_commit":"2026-07-06T19:54:16Z"},"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/ui.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/ui.json","copy_url":"https://www.lumiui.dev/r/ui.json"},{"name":"chat-input","title":"Chat Input","description":"A chat input component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/chat-input.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/chat-input.json","copy_url":"https://www.lumiui.dev/r/chat-input.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/utils.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/utils.json","copy_url":"https://www.lumiui.dev/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/use-mobile.json","copy_url":"https://www.lumiui.dev/r/use-mobile.json"},{"name":"accordion","title":"Accordion","description":"A set of collapsible panels with headings.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/accordion.json","copy_url":"https://www.lumiui.dev/r/accordion.json"},{"name":"avatar","title":"Avatar","description":"An easily stylable avatar component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/avatar.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/alert-dialog.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/drawer.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/tabs.json","copy_url":"https://www.lumiui.dev/r/tabs.json"},{"name":"scroll-area","title":"Scroll Area","description":"A native scroll container with custom scrollbars.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/scroll-area.json","copy_url":"https://www.lumiui.dev/r/scroll-area.json"},{"name":"popover","title":"Popover","description":"An accessible popup anchored to a button.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/popover.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dropdown-menu.json","copy_url":"https://www.lumiui.dev/r/dropdown-menu.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/autocomplete.json","copy_url":"https://www.lumiui.dev/r/autocomplete.json"},{"name":"input","title":"Input","description":"A native input element that automatically works with Field.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/input.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/input.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/button.json","copy_url":"https://www.lumiui.dev/r/button.json"},{"name":"checkbox","title":"Checkbox","description":"An easily stylable checkbox component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/checkbox.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/switch.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/select.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/select.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/navigation-menu.json","copy_url":"https://www.lumiui.dev/r/navigation-menu.json"},{"name":"collapsible","title":"Collapsible","description":"A collapsible panel controlled by a button.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/collapsible.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/command-menu.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/preview-card.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/progress.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/progress.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/field.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/fieldset.json","copy_url":"https://www.lumiui.dev/r/fieldset.json"},{"name":"form","title":"Form","description":"A native form element with consolidated error handling.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/form.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/form.json","copy_url":"https://www.lumiui.dev/r/form.json"},{"name":"radio","title":"Radio","description":"An easily stylable radio button component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/radio.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/radio.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/tooltip.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toggle.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toggle-group.json","copy_url":"https://www.lumiui.dev/r/toggle-group.json"},{"name":"toast","title":"Toast","description":"Generates toast notifications.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toast.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toast.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/checkbox-group.json","copy_url":"https://www.lumiui.dev/r/checkbox-group.json"},{"name":"slider","title":"Slider","description":"An easily stylable range input.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/slider.json","copy_url":"https://www.lumiui.dev/r/slider.json"},{"name":"separator","title":"Separator","description":"A separator element accessible to screen readers.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/separator.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/separator.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/number-field.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/meter.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/otp-field.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toolbar.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/context-menu.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/combobox.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/menubar.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sheet.json","copy_url":"https://www.lumiui.dev/r/sheet.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/resizable.json","copy_url":"https://www.lumiui.dev/r/resizable.json"},{"name":"arrow-svg","title":"Arrow SVG","description":"Arrow SVG component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/arrow-svg.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/arrow-svg.json","copy_url":"https://www.lumiui.dev/r/arrow-svg.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/label.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/label.json","copy_url":"https://www.lumiui.dev/r/label.json"},{"name":"sidebar","title":"Sidebar","description":"App sidebar","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar.json","copy_url":"https://www.lumiui.dev/r/sidebar.json"},{"name":"textarea","title":"Textarea","description":"A native textarea element.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/textarea.json","copy_url":"https://www.lumiui.dev/r/textarea.json"},{"name":"chart","title":"Chart","description":"Beautiful charts. Built using Recharts.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/chart.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/chart.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/breadcrumb.json","copy_url":"https://www.lumiui.dev/r/breadcrumb.json"},{"name":"badge","title":"Badge","description":"Displays a small count or status indicator.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/badge.json","copy_url":"https://www.lumiui.dev/r/badge.json"},{"name":"card","title":"Card","description":"Displays content inside a themed container.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/card.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/card.json","copy_url":"https://www.lumiui.dev/r/card.json"},{"name":"kbd","title":"KBD","description":"Styles keyboard key hints and key groups.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/kbd.json","copy_url":"https://www.lumiui.dev/r/kbd.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder used while content is loading.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/skeleton.json","copy_url":"https://www.lumiui.dev/r/skeleton.json"},{"name":"sidebar-01","title":null,"description":"Sidebar with collapsible icons and sections.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar-01.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar-01.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar-02.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar-02.json","copy_url":"https://www.lumiui.dev/r/sidebar-02.json"},{"name":"dialog-01","title":null,"description":"Complex user management UI with nested dialogs.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog-01.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog-01.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog-02.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog-02.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/expandable-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/expandable-dialog.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/morphing-dialog.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/vercel-notification.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/vercel-notification.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/team-switcher.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/team-switcher.json","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/onboarding-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/onboarding-dialog.json","copy_url":"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":["pro","recently-updated"],"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.vercel.app/registry/lytenyte","markdown":"https://sh4dcn.vercel.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":941,"open_issues":3,"last_commit":"2026-07-07T02:33:46Z"},"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","tags":["accessibility","dashboard","design-system","forms","loaders","pro-available","tables","theming"],"categories":["Charts/data viz"],"source_url":"https://www.1771technologies.com/r/lytenyte-core.json","install_command":"npx shadcn@latest add https://www.1771technologies.com/r/lytenyte-core.json","copy_url":"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","tags":["accessibility","dashboard","design-system","forms","loaders","pro-available","tables","theming"],"categories":["Charts/data viz"],"source_url":"https://www.1771technologies.com/r/lytenyte-pro.json","install_command":"npx shadcn@latest add https://www.1771technologies.com/r/lytenyte-pro.json","copy_url":"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.vercel.app/registry/magicui","markdown":"https://sh4dcn.vercel.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":21473,"open_issues":1,"last_commit":"2026-07-02T14:24:52Z"},"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":247,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","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"],"source_url":"https://magicui.design/r/index","install_command":"npx shadcn@latest add https://magicui.design/r/index","copy_url":"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","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"],"source_url":"https://magicui.design/r/magic-card","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card","copy_url":"https://magicui.design/r/magic-card"},{"name":"android","title":"Android","description":"A mockup of an Android device.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/android","install_command":"npx shadcn@latest add https://magicui.design/r/android","copy_url":"https://magicui.design/r/android"},{"name":"warp-background","title":"Warp Background","description":"A card with a time warping background effect.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/warp-background","install_command":"npx shadcn@latest add https://magicui.design/r/warp-background","copy_url":"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","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"],"source_url":"https://magicui.design/r/line-shadow-text","install_command":"npx shadcn@latest add https://magicui.design/r/line-shadow-text","copy_url":"https://magicui.design/r/line-shadow-text"},{"name":"aurora-text","title":"Aurora Text","description":"A beautiful aurora text effect","type":"registry:ui","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"],"source_url":"https://magicui.design/r/aurora-text","install_command":"npx shadcn@latest add https://magicui.design/r/aurora-text","copy_url":"https://magicui.design/r/aurora-text"},{"name":"morphing-text","title":"Morphing Text","description":"A dynamic text morphing component for Magic UI.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/morphing-text","install_command":"npx shadcn@latest add https://magicui.design/r/morphing-text","copy_url":"https://magicui.design/r/morphing-text"},{"name":"scroll-progress","title":"Scroll Progress","description":"Animated Scroll Progress for your pages","type":"registry:ui","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"],"source_url":"https://magicui.design/r/scroll-progress","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-progress","copy_url":"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","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"],"source_url":"https://magicui.design/r/lens","install_command":"npx shadcn@latest add https://magicui.design/r/lens","copy_url":"https://magicui.design/r/lens"},{"name":"pointer","title":"Pointer","description":"A component that displays a pointer when hovering over an element","type":"registry:ui","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"],"source_url":"https://magicui.design/r/pointer","install_command":"npx shadcn@latest add https://magicui.design/r/pointer","copy_url":"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","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"],"source_url":"https://magicui.design/r/smooth-cursor","install_command":"npx shadcn@latest add https://magicui.design/r/smooth-cursor","copy_url":"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","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"],"source_url":"https://magicui.design/r/progressive-blur","install_command":"npx shadcn@latest add https://magicui.design/r/progressive-blur","copy_url":"https://magicui.design/r/progressive-blur"},{"name":"neon-gradient-card","title":"Neon Gradient Card","description":"A beautiful neon card effect","type":"registry:ui","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"],"source_url":"https://magicui.design/r/neon-gradient-card","install_command":"npx shadcn@latest add https://magicui.design/r/neon-gradient-card","copy_url":"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","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"],"source_url":"https://magicui.design/r/noise-texture","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture","copy_url":"https://magicui.design/r/noise-texture"},{"name":"meteors","title":"Meteors","description":"A meteor shower effect.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/meteors","install_command":"npx shadcn@latest add https://magicui.design/r/meteors","copy_url":"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","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"],"source_url":"https://magicui.design/r/grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/hexagon-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/striped-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/interactive-grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-grid-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/dot-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/flickering-grid","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid","copy_url":"https://magicui.design/r/flickering-grid"},{"name":"hero-video-dialog","title":"Hero Video Dialog","description":"A hero video dialog component.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/hero-video-dialog","install_command":"npx shadcn@latest add https://magicui.design/r/hero-video-dialog","copy_url":"https://magicui.design/r/hero-video-dialog"},{"name":"code-comparison","title":"Code Comparison","description":"A component which compares two code snippets.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/code-comparison","install_command":"npx shadcn@latest add https://magicui.design/r/code-comparison","copy_url":"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","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"],"source_url":"https://magicui.design/r/marquee","install_command":"npx shadcn@latest add https://magicui.design/r/marquee","copy_url":"https://magicui.design/r/marquee"},{"name":"globe","title":"Globe","description":"An autorotating, interactive, and highly performant globe made using WebGL.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/globe","install_command":"npx shadcn@latest add https://magicui.design/r/globe","copy_url":"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","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"],"source_url":"https://magicui.design/r/glyph-matrix","install_command":"npx shadcn@latest add https://magicui.design/r/glyph-matrix","copy_url":"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","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"],"source_url":"https://magicui.design/r/glare-hover","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover","copy_url":"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","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"],"source_url":"https://magicui.design/r/shimmer-button","install_command":"npx shadcn@latest add https://magicui.design/r/shimmer-button","copy_url":"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","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"],"source_url":"https://magicui.design/r/tweet-card","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card","copy_url":"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","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"],"source_url":"https://magicui.design/r/client-tweet-card","install_command":"npx shadcn@latest add https://magicui.design/r/client-tweet-card","copy_url":"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","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"],"source_url":"https://magicui.design/r/bento-grid","install_command":"npx shadcn@latest add https://magicui.design/r/bento-grid","copy_url":"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","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"],"source_url":"https://magicui.design/r/particles","install_command":"npx shadcn@latest add https://magicui.design/r/particles","copy_url":"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","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"],"source_url":"https://magicui.design/r/number-ticker","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker","copy_url":"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","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"],"source_url":"https://magicui.design/r/ripple","install_command":"npx shadcn@latest add https://magicui.design/r/ripple","copy_url":"https://magicui.design/r/ripple"},{"name":"retro-grid","title":"Retro Grid","description":"An animated scrolling retro grid effect","type":"registry:ui","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"],"source_url":"https://magicui.design/r/retro-grid","install_command":"npx shadcn@latest add https://magicui.design/r/retro-grid","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-list","install_command":"npx shadcn@latest add https://magicui.design/r/animated-list","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-shiny-text","install_command":"npx shadcn@latest add https://magicui.design/r/animated-shiny-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/animated-grid-pattern","copy_url":"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","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"],"source_url":"https://magicui.design/r/border-beam","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-reveal","install_command":"npx shadcn@latest add https://magicui.design/r/text-reveal","copy_url":"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","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"],"source_url":"https://magicui.design/r/dia-text-reveal","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal","copy_url":"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","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"],"source_url":"https://magicui.design/r/hyper-text","install_command":"npx shadcn@latest add https://magicui.design/r/hyper-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-gradient-text","install_command":"npx shadcn@latest add https://magicui.design/r/animated-gradient-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/orbiting-circles","install_command":"npx shadcn@latest add https://magicui.design/r/orbiting-circles","copy_url":"https://magicui.design/r/orbiting-circles"},{"name":"dock","title":"Dock","description":"An implementation of the MacOS dock using react + tailwindcss + motion","type":"registry:ui","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"],"source_url":"https://magicui.design/r/dock","install_command":"npx shadcn@latest add https://magicui.design/r/dock","copy_url":"https://magicui.design/r/dock"},{"name":"word-rotate","title":"Word Rotate","description":"A vertical rotation of words","type":"registry:ui","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"],"source_url":"https://magicui.design/r/word-rotate","install_command":"npx shadcn@latest add https://magicui.design/r/word-rotate","copy_url":"https://magicui.design/r/word-rotate"},{"name":"avatar-circles","title":"Avatar Circles","description":"Overlapping circles of avatars.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/avatar-circles","install_command":"npx shadcn@latest add https://magicui.design/r/avatar-circles","copy_url":"https://magicui.design/r/avatar-circles"},{"name":"typing-animation","title":"Typing Animation","description":"Characters appearing in typed animation","type":"registry:ui","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"],"source_url":"https://magicui.design/r/typing-animation","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation","copy_url":"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","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"],"source_url":"https://magicui.design/r/sparkles-text","install_command":"npx shadcn@latest add https://magicui.design/r/sparkles-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/spinning-text","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text","copy_url":"https://magicui.design/r/spinning-text"},{"name":"comic-text","title":"Comic Text","description":"Comic text animation","type":"registry:ui","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"],"source_url":"https://magicui.design/r/comic-text","install_command":"npx shadcn@latest add https://magicui.design/r/comic-text","copy_url":"https://magicui.design/r/comic-text"},{"name":"icon-cloud","title":"Icon Cloud","description":"An interactive 3D tag cloud component","type":"registry:ui","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"],"source_url":"https://magicui.design/r/icon-cloud","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate","copy_url":"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","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"],"source_url":"https://magicui.design/r/scroll-based-velocity","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-based-velocity","copy_url":"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","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"],"source_url":"https://magicui.design/r/shiny-button","install_command":"npx shadcn@latest add https://magicui.design/r/shiny-button","copy_url":"https://magicui.design/r/shiny-button"},{"name":"shine-border","title":"Shine Border","description":"Shine border is an animated background border effect.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/shine-border","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-circular-progress-bar","install_command":"npx shadcn@latest add https://magicui.design/r/animated-circular-progress-bar","copy_url":"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","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"],"source_url":"https://magicui.design/r/confetti","install_command":"npx shadcn@latest add https://magicui.design/r/confetti","copy_url":"https://magicui.design/r/confetti"},{"name":"cool-mode","title":"Cool Mode","description":"Cool mode effect for buttons, links, and other DOMs","type":"registry:ui","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"],"source_url":"https://magicui.design/r/cool-mode","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode","copy_url":"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","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"],"source_url":"https://magicui.design/r/pulsating-button","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button","copy_url":"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","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"],"source_url":"https://magicui.design/r/ripple-button","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-button","copy_url":"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","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"],"source_url":"https://magicui.design/r/file-tree","install_command":"npx shadcn@latest add https://magicui.design/r/file-tree","copy_url":"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","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"],"source_url":"https://magicui.design/r/blur-fade","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade","copy_url":"https://magicui.design/r/blur-fade"},{"name":"safari","title":"Safari","description":"A safari browser mockup to showcase your website.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/safari","install_command":"npx shadcn@latest add https://magicui.design/r/safari","copy_url":"https://magicui.design/r/safari"},{"name":"iphone","title":"iPhone","description":"A mockup of the iPhone","type":"registry:ui","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"],"source_url":"https://magicui.design/r/iphone","install_command":"npx shadcn@latest add https://magicui.design/r/iphone","copy_url":"https://magicui.design/r/iphone"},{"name":"rainbow-button","title":"Rainbow Button","description":"An animated button with a rainbow effect.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/rainbow-button","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button","copy_url":"https://magicui.design/r/rainbow-button"},{"name":"interactive-hover-button","title":null,"description":null,"type":"registry:ui","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"],"source_url":"https://magicui.design/r/interactive-hover-button","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-hover-button","copy_url":"https://magicui.design/r/interactive-hover-button"},{"name":"terminal","title":"Terminal","description":"A terminal component","type":"registry:ui","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"],"source_url":"https://magicui.design/r/terminal","install_command":"npx shadcn@latest add https://magicui.design/r/terminal","copy_url":"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","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"],"source_url":"https://magicui.design/r/video-text","install_command":"npx shadcn@latest add https://magicui.design/r/video-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/pixel-image","install_command":"npx shadcn@latest add https://magicui.design/r/pixel-image","copy_url":"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","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"],"source_url":"https://magicui.design/r/highlighter","install_command":"npx shadcn@latest add https://magicui.design/r/highlighter","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-theme-toggler","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler","copy_url":"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","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"],"source_url":"https://magicui.design/r/light-rays","install_command":"npx shadcn@latest add https://magicui.design/r/light-rays","copy_url":"https://magicui.design/r/light-rays"},{"name":"dotted-map","title":"Dotted Map","description":"A component with a dotted map.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/dotted-map","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map","copy_url":"https://magicui.design/r/dotted-map"},{"name":"backlight","title":"Backlight","description":"A backlight glow effect for videos, images, and SVGs.","type":"registry:ui","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"],"source_url":"https://magicui.design/r/backlight","install_command":"npx shadcn@latest add https://magicui.design/r/backlight","copy_url":"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","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"],"source_url":"https://magicui.design/r/kinetic-text","install_command":"npx shadcn@latest add https://magicui.design/r/kinetic-text","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-3d-flip","install_command":"npx shadcn@latest add https://magicui.design/r/text-3d-flip","copy_url":"https://magicui.design/r/text-3d-flip"},{"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","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"],"source_url":"https://magicui.design/r/magic-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/magic-card-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/android-demo","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/android-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/android-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/warp-background-demo","install_command":"npx shadcn@latest add https://magicui.design/r/warp-background-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/line-shadow-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/line-shadow-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/aurora-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/aurora-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/morphing-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/morphing-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/scroll-progress-demo","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-progress-demo","copy_url":"https://magicui.design/r/scroll-progress-demo"},{"name":"lens-demo","title":"Lens Demo","description":"Example showing a lens effect component","type":"registry:example","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"],"source_url":"https://magicui.design/r/lens-demo","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/lens-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/lens-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/pointer-demo-1","install_command":"npx shadcn@latest add https://magicui.design/r/pointer-demo-1","copy_url":"https://magicui.design/r/pointer-demo-1"},{"name":"smooth-cursor-demo","title":null,"description":"Basic smooth cursor example","type":"registry:example","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"],"source_url":"https://magicui.design/r/smooth-cursor-demo","install_command":"npx shadcn@latest add https://magicui.design/r/smooth-cursor-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/progressive-blur-demo","install_command":"npx shadcn@latest add https://magicui.design/r/progressive-blur-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/neon-gradient-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/neon-gradient-card-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/noise-texture-demo","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/noise-texture-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/noise-texture-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/noise-texture-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-4","copy_url":"https://magicui.design/r/noise-texture-demo-4"},{"name":"meteors-demo","title":"Meteors Demo","description":"Example showing a meteor shower effect.","type":"registry:example","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"],"source_url":"https://magicui.design/r/meteors-demo","install_command":"npx shadcn@latest add https://magicui.design/r/meteors-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/striped-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/striped-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-dashed","copy_url":"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","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"],"source_url":"https://magicui.design/r/striped-pattern-right","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-right","copy_url":"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","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"],"source_url":"https://magicui.design/r/grid-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-linear-gradient","copy_url":"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","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"],"source_url":"https://magicui.design/r/grid-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-dashed","copy_url":"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","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"],"source_url":"https://magicui.design/r/hexagon-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/hexagon-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-linear-gradient","copy_url":"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","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"],"source_url":"https://magicui.design/r/hexagon-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-dashed","copy_url":"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","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"],"source_url":"https://magicui.design/r/hexagon-pattern-spacing","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-spacing","copy_url":"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","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"],"source_url":"https://magicui.design/r/dot-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/dot-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern-linear-gradient","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/flickering-grid-demo","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/flickering-grid-rounded-demo","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid-rounded-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/hero-video-dialog-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hero-video-dialog-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/code-comparison-demo","install_command":"npx shadcn@latest add https://magicui.design/r/code-comparison-demo","copy_url":"https://magicui.design/r/code-comparison-demo"},{"name":"marquee-demo","title":"Marquee Demo","description":"Example showing an infinite scrolling component.","type":"registry:example","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"],"source_url":"https://magicui.design/r/marquee-demo","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/marquee-demo-vertical","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-demo-vertical","copy_url":"https://magicui.design/r/marquee-demo-vertical"},{"name":"marquee-logos","title":"Marquee Logos","description":"Example showing an infinite scrolling logo carousel.","type":"registry:example","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"],"source_url":"https://magicui.design/r/marquee-logos","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-logos","copy_url":"https://magicui.design/r/marquee-logos"},{"name":"marquee-3d","title":"Marquee 3D","description":"Example showing a 3D infinite scrolling component.","type":"registry:example","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"],"source_url":"https://magicui.design/r/marquee-3d","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-3d","copy_url":"https://magicui.design/r/marquee-3d"},{"name":"globe-demo","title":"Globe Demo","description":"Example showing an autorotating, interactive WebGL globe.","type":"registry:example","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"],"source_url":"https://magicui.design/r/globe-demo","install_command":"npx shadcn@latest add https://magicui.design/r/globe-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/glyph-matrix-demo","install_command":"npx shadcn@latest add https://magicui.design/r/glyph-matrix-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/glare-hover-demo","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/glare-hover-demo-cta","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo-cta","copy_url":"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","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"],"source_url":"https://magicui.design/r/glare-hover-demo-alert","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo-alert","copy_url":"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","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"],"source_url":"https://magicui.design/r/tweet-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/tweet-card-images","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-images","copy_url":"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","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"],"source_url":"https://magicui.design/r/tweet-card-meta-preview","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-meta-preview","copy_url":"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","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"],"source_url":"https://magicui.design/r/shimmer-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shimmer-button-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/bento-demo","install_command":"npx shadcn@latest add https://magicui.design/r/bento-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/bento-demo-vertical","install_command":"npx shadcn@latest add https://magicui.design/r/bento-demo-vertical","copy_url":"https://magicui.design/r/bento-demo-vertical"},{"name":"number-ticker-demo","title":"Number Ticker Demo","description":"Example showing animated counting numbers.","type":"registry:example","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"],"source_url":"https://magicui.design/r/number-ticker-demo","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/number-ticker-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/number-ticker-decimal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-decimal-demo","copy_url":"https://magicui.design/r/number-ticker-decimal-demo"},{"name":"ripple-demo","title":"Ripple Demo","description":"Example showing an animated ripple effect.","type":"registry:example","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"],"source_url":"https://magicui.design/r/ripple-demo","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/retro-grid-demo","install_command":"npx shadcn@latest add https://magicui.design/r/retro-grid-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-list-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-list-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-shiny-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-shiny-text-demo","copy_url":"https://magicui.design/r/animated-shiny-text-demo"},{"name":"particles-demo","title":"Particles Demo","description":"Example showing interactive particle effects.","type":"registry:example","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"],"source_url":"https://magicui.design/r/particles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/particles-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-grid-pattern-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/interactive-grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-grid-pattern-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/border-beam-demo","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/border-beam-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/border-beam-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/border-beam-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-4","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam-unidirectional","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-unidirectional","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam-bidirectional","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-bidirectional","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam-multiple-inputs","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-multiple-inputs","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-beam-multiple-outputs","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-multiple-outputs","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-reveal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-reveal-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/dia-text-reveal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-gradient-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-gradient-text-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/orbiting-circles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/orbiting-circles-demo","copy_url":"https://magicui.design/r/orbiting-circles-demo"},{"name":"dock-demo","title":"Dock Demo","description":"Example showing a MacOS-style dock implementation.","type":"registry:example","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"],"source_url":"https://magicui.design/r/dock-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/dock-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/dock-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/word-rotate-demo","install_command":"npx shadcn@latest add https://magicui.design/r/word-rotate-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/hyper-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hyper-text-demo","copy_url":"https://magicui.design/r/hyper-text-demo"},{"name":"avatar-circles-demo","title":"Avatar Circles Demo","description":"Example showing overlapping avatar circles.","type":"registry:example","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"],"source_url":"https://magicui.design/r/avatar-circles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/avatar-circles-demo","copy_url":"https://magicui.design/r/avatar-circles-demo"},{"name":"typing-animation-demo","title":"Typing Animation Demo","description":"Example showing typed character animations.","type":"registry:example","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"],"source_url":"https://magicui.design/r/typing-animation-demo","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-4","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-5","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-5","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-6","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-6","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-7","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-7","copy_url":"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","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"],"source_url":"https://magicui.design/r/typing-animation-demo-8","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-8","copy_url":"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","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"],"source_url":"https://magicui.design/r/scroll-based-velocity-demo","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-based-velocity-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/sparkles-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/sparkles-text-demo","copy_url":"https://magicui.design/r/sparkles-text-demo"},{"name":"spinning-text-demo","title":"Spinning Text Demo","description":"Example showing spinning text animation.","type":"registry:example","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"],"source_url":"https://magicui.design/r/spinning-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/spinning-text-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/comic-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/comic-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/icon-cloud-demo","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/icon-cloud-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/icon-cloud-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-4","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-5","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-5","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-6","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-6","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-7","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-7","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-8","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-8","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-animate-demo-9","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-9","copy_url":"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","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"],"source_url":"https://magicui.design/r/shiny-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shiny-button-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/shine-border-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/shine-border-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border-demo-2","copy_url":"https://magicui.design/r/shine-border-demo-2"},{"name":"confetti-demo","title":"Confetti Demo","description":"Example showing confetti animations for celebrations.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-demo","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-demo","copy_url":"https://magicui.design/r/confetti-demo"},{"name":"confetti-basic-cannon","title":"Confetti Basic Cannon","description":"Example showing basic confetti cannon animation.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-basic-cannon","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-basic-cannon","copy_url":"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","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"],"source_url":"https://magicui.design/r/confetti-random-direction","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-random-direction","copy_url":"https://magicui.design/r/confetti-random-direction"},{"name":"confetti-fireworks","title":"Confetti Fireworks","description":"Example showing fireworks-style confetti animation.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-fireworks","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-fireworks","copy_url":"https://magicui.design/r/confetti-fireworks"},{"name":"confetti-stars","title":"Confetti Stars","description":"Example showing star-shaped confetti animation.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-stars","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-stars","copy_url":"https://magicui.design/r/confetti-stars"},{"name":"confetti-side-cannons","title":"Confetti Side Cannons","description":"Example showing side-mounted confetti cannons.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-side-cannons","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-side-cannons","copy_url":"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","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"],"source_url":"https://magicui.design/r/confetti-custom-shapes","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-custom-shapes","copy_url":"https://magicui.design/r/confetti-custom-shapes"},{"name":"confetti-emoji","title":"Confetti Emoji","description":"Example showing confetti with emoji particles.","type":"registry:example","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"],"source_url":"https://magicui.design/r/confetti-emoji","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-emoji","copy_url":"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","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"],"source_url":"https://magicui.design/r/cool-mode-demo","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/cool-mode-custom","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode-custom","copy_url":"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","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"],"source_url":"https://magicui.design/r/pulsating-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/pulsating-button-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/ripple-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-button-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/file-tree-demo","install_command":"npx shadcn@latest add https://magicui.design/r/file-tree-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/blur-fade-demo","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/blur-fade-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade-text-demo","copy_url":"https://magicui.design/r/blur-fade-text-demo"},{"name":"safari-demo","title":"Safari Demo","description":"Example showing a Safari browser mockup.","type":"registry:example","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"],"source_url":"https://magicui.design/r/safari-demo","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/safari-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/safari-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/safari-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-4","copy_url":"https://magicui.design/r/safari-demo-4"},{"name":"iphone-demo","title":"iPhone Demo","description":"Example showing an iPhone mockup.","type":"registry:example","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"],"source_url":"https://magicui.design/r/iphone-demo","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo","copy_url":"https://magicui.design/r/iphone-demo"},{"name":"iphone-demo-2","title":"iPhone Demo 2","description":"Second example showing an iPhone mockup.","type":"registry:example","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"],"source_url":"https://magicui.design/r/iphone-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/iphone-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/rainbow-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/rainbow-button-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/interactive-hover-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-hover-button-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/terminal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/terminal-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/terminal-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/terminal-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/video-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/video-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/pixel-image-demo","install_command":"npx shadcn@latest add https://magicui.design/r/pixel-image-demo","copy_url":"https://magicui.design/r/pixel-image-demo"},{"name":"highlighter-demo","title":"Highlighter Demo","description":"Example showing the demo of a Highlighter","type":"registry:example","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"],"source_url":"https://magicui.design/r/highlighter-demo","install_command":"npx shadcn@latest add https://magicui.design/r/highlighter-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/animated-theme-toggler-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-demo","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://magicui.design/r/light-rays-demo","install_command":"npx shadcn@latest add https://magicui.design/r/light-rays-demo","copy_url":"https://magicui.design/r/light-rays-demo"},{"name":"dotted-map-demo","title":"Dotted Map Demo","description":"Example showing a dotted map.","type":"registry:example","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"],"source_url":"https://magicui.design/r/dotted-map-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/dotted-map-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo-2","copy_url":"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","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"],"source_url":"https://magicui.design/r/dotted-map-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo-3","copy_url":"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","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"],"source_url":"https://magicui.design/r/backlight-video-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-video-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/backlight-image-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-image-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/backlight-svg-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-svg-demo","copy_url":"https://magicui.design/r/backlight-svg-demo"},{"name":"kinetic-text-demo","title":null,"description":"An example of the kinetic text component.","type":"registry:example","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"],"source_url":"https://magicui.design/r/kinetic-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/kinetic-text-demo","copy_url":"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","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"],"source_url":"https://magicui.design/r/text-3d-flip-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-3d-flip-demo","copy_url":"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","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"],"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","copy_url":"https://magicui.design/r/text-3d-flip-demo-2"},{"name":"utils","title":null,"description":null,"type":"registry:lib","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"],"source_url":"https://magicui.design/r/utils","install_command":"npx shadcn@latest add https://magicui.design/r/utils","copy_url":"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"],"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.vercel.app/registry/manifest","markdown":"https://sh4dcn.vercel.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":30,"open_issues":0,"last_commit":"2026-02-19T07:01:54Z"},"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/contact-form.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/contact-form.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/order-confirm.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/order-confirm.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/payment-confirmed.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/payment-confirmed.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/product-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/product-list.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/option-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/option-list.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/amount-input.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/amount-input.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/tag-select.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/tag-select.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/quick-reply.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/quick-reply.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/progress-steps.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/progress-steps.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/status-badge.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/stat-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/stat-card.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-card.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-list.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-detail.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-detail.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/table.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/table.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/message-bubble.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/message-bubble.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/chat-conversation.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/chat-conversation.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/x-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/x-post.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/instagram-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/instagram-post.json","copy_url":"https://ui.manifest.build/r/instagram-post.json"},{"name":"linkedin-post","title":"LinkedIn Post","description":"LinkedIn post card with professional styling.","type":"registry:block","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/linkedin-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/linkedin-post.json","copy_url":"https://ui.manifest.build/r/linkedin-post.json"},{"name":"youtube-post","title":"YouTube Post","description":"YouTube video card with playable embed.","type":"registry:block","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/youtube-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/youtube-post.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/map-carousel.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/map-carousel.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-card.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-list.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-detail.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-detail.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-confirmation.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-confirmation.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/hero.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/hero.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-shared.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-shared.json","copy_url":"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","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/manifest-types.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/manifest-types.json","copy_url":"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.vercel.app/registry/mapcn","markdown":"https://sh4dcn.vercel.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":10614,"open_issues":17,"last_commit":"2026-07-04T09:26:21Z"},"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/map.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/map.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/analytics-map.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/analytics-map.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/choropleth.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/choropleth.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/analytics-card.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/analytics-card.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/delivery-tracker.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/delivery-tracker.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/uptime-monitor.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/uptime-monitor.json","copy_url":"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","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/heatmap.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/heatmap.json","copy_url":"https://mapcn.dev/r/heatmap.json"},{"name":"logistics-network","title":"Logistics Network","description":"Domestic logistics map with a sidebar of stats.","type":"registry:block","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/logistics-network.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/logistics-network.json","copy_url":"https://mapcn.dev/r/logistics-network.json"},{"name":"store-locator","title":"Store Locator","description":"Searchable store list synced with map markers.","type":"registry:block","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/store-locator.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/store-locator.json","copy_url":"https://mapcn.dev/r/store-locator.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.vercel.app/registry/mksingh","markdown":"https://sh4dcn.vercel.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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/typography.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/typography.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-array-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-array-layout.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-control.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-categorization.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-categorization.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-date-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-enum-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-integer-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-integer-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-number-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-text-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-text-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-time-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-cell.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-control.json","copy_url":"https://mksingh.dev/r/jsonforms-control.json"},{"name":"jsonforms-date-control","title":null,"description":"JSONForms date input renderer.","type":"registry:component","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-date-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-control.json","copy_url":"https://mksingh.dev/r/jsonforms-date-control.json"},{"name":"jsonforms-datetime-control","title":null,"description":"JSONForms datetime-local input renderer.","type":"registry:component","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-datetime-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-datetime-control.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-enum-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-control.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-group.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-group.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-horizontal-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-horizontal-layout.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-label.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-label.json","copy_url":"https://mksingh.dev/r/jsonforms-label.json"},{"name":"jsonforms-number-control","title":null,"description":"JSONForms number/integer input renderer.","type":"registry:component","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-number-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-control.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-slider-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-slider-control.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-textarea-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-textarea-control.json","copy_url":"https://mksingh.dev/r/jsonforms-textarea-control.json"},{"name":"jsonforms-time-control","title":null,"description":"JSONForms time input renderer.","type":"registry:component","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-time-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-control.json","copy_url":"https://mksingh.dev/r/jsonforms-time-control.json"},{"name":"jsonforms-vertical-layout","title":null,"description":"JSONForms vertical stack layout renderer.","type":"registry:component","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-vertical-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-vertical-layout.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-renderers.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-renderers.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-utils.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-utils.json","copy_url":"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","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"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","copy_url":"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":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","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.vercel.app/registry/moduix-react","markdown":"https://sh4dcn.vercel.app/md/moduix-react.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='48 46 148 118' fill='none'><path d='M65 146V94c0-16.02 12.98-29 29-29 10.8 0 20.72 6.01 25.72 15.59L122 85l2.28-4.41C129.28 71.01 139.2 65 150 65c16.02 0 29 12.98 29 29v52' stroke='var(--foreground)' stroke-width='36' stroke-linecap='round' stroke-linejoin='round'/><path d='M122 80v20' stroke='var(--foreground)' stroke-width='36' stroke-linecap='round'/><circle cx='122' cy='149' r='14' fill='var(--foreground)'/></svg>","preview_image":"https://moduix.dev/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-07-24T08:03:36Z"},"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":99,"components":[{"name":"init","title":"moduix React init","description":"Initialize shadcn for moduix React and install the shared foundation files.","type":"registry:base","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/init.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/init.json","copy_url":"https://moduix.dev/r/react/init.json"},{"name":"core","title":"moduix core","description":"Shared framework-neutral styles and utilities for moduix registry components.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/core.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/core.json","copy_url":"https://moduix.dev/r/react/core.json"},{"name":"foundation","title":"moduix React core","description":"React-specific icons and shared foundation dependencies for moduix React registry components.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/foundation.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/foundation.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/theme-contrast.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-contrast.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/theme-dense.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-dense.json","copy_url":"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","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/theme-soft.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-soft.json","copy_url":"https://moduix.dev/r/react/theme-soft.json"},{"name":"accordion","title":"Accordion","description":"moduix React Accordion component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/accordion.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/accordion.json","copy_url":"https://moduix.dev/r/react/accordion.json"},{"name":"angle-slider","title":"AngleSlider","description":"moduix React AngleSlider component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/angle-slider.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/angle-slider.json","copy_url":"https://moduix.dev/r/react/angle-slider.json"},{"name":"alert","title":"Alert","description":"moduix React Alert component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/alert.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/alert.json","copy_url":"https://moduix.dev/r/react/alert.json"},{"name":"aspect-ratio","title":"AspectRatio","description":"moduix React AspectRatio component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/aspect-ratio.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/aspect-ratio.json","copy_url":"https://moduix.dev/r/react/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"moduix React Avatar component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/avatar.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/avatar.json","copy_url":"https://moduix.dev/r/react/avatar.json"},{"name":"badge","title":"Badge","description":"moduix React Badge component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/badge.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/badge.json","copy_url":"https://moduix.dev/r/react/badge.json"},{"name":"bleed","title":"Bleed","description":"moduix React Bleed component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/bleed.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/bleed.json","copy_url":"https://moduix.dev/r/react/bleed.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"moduix React Breadcrumbs component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/breadcrumbs.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/breadcrumbs.json","copy_url":"https://moduix.dev/r/react/breadcrumbs.json"},{"name":"button","title":"Button","description":"moduix React Button component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/button.json","copy_url":"https://moduix.dev/r/react/button.json"},{"name":"card","title":"Card","description":"moduix React Card component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/card.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/card.json","copy_url":"https://moduix.dev/r/react/card.json"},{"name":"checkbox","title":"Checkbox","description":"moduix React Checkbox component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/checkbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/checkbox.json","copy_url":"https://moduix.dev/r/react/checkbox.json"},{"name":"close-button","title":"CloseButton","description":"moduix React CloseButton component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/close-button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/close-button.json","copy_url":"https://moduix.dev/r/react/close-button.json"},{"name":"collapsible","title":"Collapsible","description":"moduix React Collapsible component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/collapsible.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/collapsible.json","copy_url":"https://moduix.dev/r/react/collapsible.json"},{"name":"combobox","title":"Combobox","description":"moduix React Combobox component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/combobox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/combobox.json","copy_url":"https://moduix.dev/r/react/combobox.json"},{"name":"color-picker","title":"ColorPicker","description":"moduix React ColorPicker component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/color-picker.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/color-picker.json","copy_url":"https://moduix.dev/r/react/color-picker.json"},{"name":"command-palette","title":"CommandPalette","description":"moduix React CommandPalette component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/command-palette.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/command-palette.json","copy_url":"https://moduix.dev/r/react/command-palette.json"},{"name":"container","title":"Container","description":"moduix React Container component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/container.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/container.json","copy_url":"https://moduix.dev/r/react/container.json"},{"name":"date-input","title":"DateInput","description":"moduix React DateInput component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/date-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/date-input.json","copy_url":"https://moduix.dev/r/react/date-input.json"},{"name":"date-picker","title":"DatePicker","description":"moduix React DatePicker component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/date-picker.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/date-picker.json","copy_url":"https://moduix.dev/r/react/date-picker.json"},{"name":"clipboard","title":"Clipboard","description":"moduix React Clipboard component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/clipboard.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/clipboard.json","copy_url":"https://moduix.dev/r/react/clipboard.json"},{"name":"dialog","title":"Dialog","description":"moduix React Dialog component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/dialog.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/dialog.json","copy_url":"https://moduix.dev/r/react/dialog.json"},{"name":"drawer","title":"Drawer","description":"moduix React Drawer component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/drawer.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/drawer.json","copy_url":"https://moduix.dev/r/react/drawer.json"},{"name":"empty","title":"Empty","description":"moduix React Empty component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/empty.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/empty.json","copy_url":"https://moduix.dev/r/react/empty.json"},{"name":"editable","title":"Editable","description":"moduix React Editable component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/editable.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/editable.json","copy_url":"https://moduix.dev/r/react/editable.json"},{"name":"field","title":"Field","description":"moduix React Field component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/field.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/field.json","copy_url":"https://moduix.dev/r/react/field.json"},{"name":"file-upload","title":"FileUpload","description":"moduix React FileUpload component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/file-upload.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/file-upload.json","copy_url":"https://moduix.dev/r/react/file-upload.json"},{"name":"fieldset","title":"Fieldset","description":"moduix React Fieldset component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/fieldset.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/fieldset.json","copy_url":"https://moduix.dev/r/react/fieldset.json"},{"name":"floating-panel","title":"FloatingPanel","description":"moduix React FloatingPanel component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/floating-panel.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/floating-panel.json","copy_url":"https://moduix.dev/r/react/floating-panel.json"},{"name":"heading","title":"Heading","description":"moduix React Heading component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/heading.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/heading.json","copy_url":"https://moduix.dev/r/react/heading.json"},{"name":"highlight","title":"Highlight","description":"moduix React Highlight component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/highlight.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/highlight.json","copy_url":"https://moduix.dev/r/react/highlight.json"},{"name":"image","title":"Image","description":"moduix React Image component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/image.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/image.json","copy_url":"https://moduix.dev/r/react/image.json"},{"name":"image-cropper","title":"ImageCropper","description":"moduix React ImageCropper component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/image-cropper.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/image-cropper.json","copy_url":"https://moduix.dev/r/react/image-cropper.json"},{"name":"input","title":"Input","description":"moduix React Input component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/input.json","copy_url":"https://moduix.dev/r/react/input.json"},{"name":"input-group","title":"InputGroup","description":"moduix React InputGroup component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/input-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/input-group.json","copy_url":"https://moduix.dev/r/react/input-group.json"},{"name":"kbd","title":"Kbd","description":"moduix React Kbd component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/kbd.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/kbd.json","copy_url":"https://moduix.dev/r/react/kbd.json"},{"name":"lightbox","title":"Lightbox","description":"moduix React Lightbox component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/lightbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/lightbox.json","copy_url":"https://moduix.dev/r/react/lightbox.json"},{"name":"list","title":"List","description":"moduix React List component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/list.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/list.json","copy_url":"https://moduix.dev/r/react/list.json"},{"name":"listbox","title":"Listbox","description":"moduix React Listbox component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/listbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/listbox.json","copy_url":"https://moduix.dev/r/react/listbox.json"},{"name":"tree-view","title":"TreeView","description":"moduix React TreeView component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tree-view.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tree-view.json","copy_url":"https://moduix.dev/r/react/tree-view.json"},{"name":"marquee","title":"Marquee","description":"moduix React Marquee component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/marquee.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/marquee.json","copy_url":"https://moduix.dev/r/react/marquee.json"},{"name":"menu","title":"Menu","description":"moduix React Menu component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/menu.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/menu.json","copy_url":"https://moduix.dev/r/react/menu.json"},{"name":"native-select","title":"Native Select","description":"moduix React Native Select component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/native-select.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/native-select.json","copy_url":"https://moduix.dev/r/react/native-select.json"},{"name":"number-input","title":"NumberInput","description":"moduix React NumberInput component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/number-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/number-input.json","copy_url":"https://moduix.dev/r/react/number-input.json"},{"name":"pin-input","title":"PinInput","description":"moduix React PinInput component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/pin-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/pin-input.json","copy_url":"https://moduix.dev/r/react/pin-input.json"},{"name":"pagination","title":"Pagination","description":"moduix React Pagination component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/pagination.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/pagination.json","copy_url":"https://moduix.dev/r/react/pagination.json"},{"name":"password-input","title":"PasswordInput","description":"moduix React PasswordInput component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/password-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/password-input.json","copy_url":"https://moduix.dev/r/react/password-input.json"},{"name":"popover","title":"Popover","description":"moduix React Popover component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/popover.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/popover.json","copy_url":"https://moduix.dev/r/react/popover.json"},{"name":"hover-card","title":"HoverCard","description":"moduix React HoverCard component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/hover-card.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/hover-card.json","copy_url":"https://moduix.dev/r/react/hover-card.json"},{"name":"progress-circular","title":"ProgressCircular","description":"moduix React ProgressCircular component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/progress-circular.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/progress-circular.json","copy_url":"https://moduix.dev/r/react/progress-circular.json"},{"name":"progress-linear","title":"ProgressLinear","description":"moduix React ProgressLinear component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/progress-linear.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/progress-linear.json","copy_url":"https://moduix.dev/r/react/progress-linear.json"},{"name":"qr-code","title":"QR Code","description":"moduix React QR Code component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/qr-code.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/qr-code.json","copy_url":"https://moduix.dev/r/react/qr-code.json"},{"name":"radio-group","title":"Radio Group","description":"moduix React RadioGroup component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/radio-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/radio-group.json","copy_url":"https://moduix.dev/r/react/radio-group.json"},{"name":"rating-group","title":"RatingGroup","description":"moduix React RatingGroup component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/rating-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/rating-group.json","copy_url":"https://moduix.dev/r/react/rating-group.json"},{"name":"scroll-area","title":"ScrollArea","description":"moduix React ScrollArea component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/scroll-area.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/scroll-area.json","copy_url":"https://moduix.dev/r/react/scroll-area.json"},{"name":"segment-group","title":"SegmentGroup","description":"moduix React SegmentGroup component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/segment-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/segment-group.json","copy_url":"https://moduix.dev/r/react/segment-group.json"},{"name":"signature-pad","title":"Signature Pad","description":"moduix React Signature Pad component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/signature-pad.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/signature-pad.json","copy_url":"https://moduix.dev/r/react/signature-pad.json"},{"name":"select","title":"Select","description":"moduix React Select component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/select.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/select.json","copy_url":"https://moduix.dev/r/react/select.json"},{"name":"separator","title":"Separator","description":"moduix React Separator component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/separator.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/separator.json","copy_url":"https://moduix.dev/r/react/separator.json"},{"name":"simple-grid","title":"Simple Grid","description":"moduix React Simple Grid component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/simple-grid.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/simple-grid.json","copy_url":"https://moduix.dev/r/react/simple-grid.json"},{"name":"skeleton","title":"Skeleton","description":"moduix React Skeleton component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/skeleton.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/skeleton.json","copy_url":"https://moduix.dev/r/react/skeleton.json"},{"name":"slider","title":"Slider","description":"moduix React Slider component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/slider.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/slider.json","copy_url":"https://moduix.dev/r/react/slider.json"},{"name":"splitter","title":"Splitter","description":"moduix React Splitter component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/splitter.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/splitter.json","copy_url":"https://moduix.dev/r/react/splitter.json"},{"name":"sidebar","title":"Sidebar","description":"moduix React Sidebar component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/sidebar.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sidebar.json","copy_url":"https://moduix.dev/r/react/sidebar.json"},{"name":"carousel","title":"Carousel","description":"moduix React Carousel component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/carousel.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/carousel.json","copy_url":"https://moduix.dev/r/react/carousel.json"},{"name":"spinner","title":"Spinner","description":"moduix React Spinner component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/spinner.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/spinner.json","copy_url":"https://moduix.dev/r/react/spinner.json"},{"name":"split-button","title":"SplitButton","description":"moduix React SplitButton component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/split-button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/split-button.json","copy_url":"https://moduix.dev/r/react/split-button.json"},{"name":"stack","title":"Stack","description":"moduix React Stack component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/stack.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/stack.json","copy_url":"https://moduix.dev/r/react/stack.json"},{"name":"steps","title":"Steps","description":"moduix React Steps component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/steps.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/steps.json","copy_url":"https://moduix.dev/r/react/steps.json"},{"name":"swap","title":"Swap","description":"moduix React Swap component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/swap.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/swap.json","copy_url":"https://moduix.dev/r/react/swap.json"},{"name":"switch","title":"Switch","description":"moduix React Switch component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/switch.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/switch.json","copy_url":"https://moduix.dev/r/react/switch.json"},{"name":"tag","title":"Tag","description":"moduix React Tag component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tag.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tag.json","copy_url":"https://moduix.dev/r/react/tag.json"},{"name":"tags-input","title":"TagsInput","description":"moduix React TagsInput component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tags-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tags-input.json","copy_url":"https://moduix.dev/r/react/tags-input.json"},{"name":"table","title":"Table","description":"moduix React Table component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/table.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/table.json","copy_url":"https://moduix.dev/r/react/table.json"},{"name":"tabs","title":"Tabs","description":"moduix React Tabs component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tabs.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tabs.json","copy_url":"https://moduix.dev/r/react/tabs.json"},{"name":"text","title":"Text","description":"moduix React Text component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/text.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/text.json","copy_url":"https://moduix.dev/r/react/text.json"},{"name":"textarea","title":"Textarea","description":"moduix React Textarea component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/textarea.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/textarea.json","copy_url":"https://moduix.dev/r/react/textarea.json"},{"name":"timer","title":"Timer","description":"moduix React Timer component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/timer.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/timer.json","copy_url":"https://moduix.dev/r/react/timer.json"},{"name":"typeset","title":"Typeset","description":"moduix React Typeset component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/typeset.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/typeset.json","copy_url":"https://moduix.dev/r/react/typeset.json"},{"name":"toast","title":"Toast","description":"moduix React Toast component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/toast.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toast.json","copy_url":"https://moduix.dev/r/react/toast.json"},{"name":"toggle","title":"Toggle","description":"moduix React Toggle component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/toggle.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toggle.json","copy_url":"https://moduix.dev/r/react/toggle.json"},{"name":"toggle-group","title":"ToggleGroup","description":"moduix React ToggleGroup component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/toggle-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toggle-group.json","copy_url":"https://moduix.dev/r/react/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"moduix React Tooltip component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tooltip.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tooltip.json","copy_url":"https://moduix.dev/r/react/tooltip.json"},{"name":"tour","title":"Tour","description":"moduix React Tour component.","type":"registry:item","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/tour.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tour.json","copy_url":"https://moduix.dev/r/react/tour.json"},{"name":"login-simple","title":"Login simple","description":"A copy-owned email and password sign-in form built with moduix React components.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/login-simple.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/login-simple.json","copy_url":"https://moduix.dev/r/react/login-simple.json"},{"name":"sign-up","title":"Sign up","description":"A copy-owned account creation form built with moduix React components.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/sign-up.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sign-up.json","copy_url":"https://moduix.dev/r/react/sign-up.json"},{"name":"forgot-password","title":"Forgot password","description":"A copy-owned password reset request form built with moduix React components.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/forgot-password.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/forgot-password.json","copy_url":"https://moduix.dev/r/react/forgot-password.json"},{"name":"reset-password","title":"Reset password","description":"A copy-owned new password form built with moduix React components.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/reset-password.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/reset-password.json","copy_url":"https://moduix.dev/r/react/reset-password.json"},{"name":"verification-code","title":"Verification code","description":"A copy-owned six-digit email verification form built with moduix React components.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/verification-code.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/verification-code.json","copy_url":"https://moduix.dev/r/react/verification-code.json"},{"name":"app-header","title":"App header","description":"A copy-owned application header with navigation, notifications, and account actions.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/app-header.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/app-header.json","copy_url":"https://moduix.dev/r/react/app-header.json"},{"name":"mobile-drawer-navigation","title":"Mobile drawer navigation","description":"A copy-owned mobile navigation shell with an accessible side drawer.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/mobile-drawer-navigation.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/mobile-drawer-navigation.json","copy_url":"https://moduix.dev/r/react/mobile-drawer-navigation.json"},{"name":"data-table","title":"Data table","description":"A copy-owned TanStack Table with search, sorting, selection, column visibility, actions, and pagination.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/data-table.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/data-table.json","copy_url":"https://moduix.dev/r/react/data-table.json"},{"name":"sidebar-dashboard","title":"Sidebar dashboard","description":"A copy-owned desktop dashboard shell with collapsible and resizable moduix navigation.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"source_url":"https://moduix.dev/r/react/sidebar-dashboard.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sidebar-dashboard.json","copy_url":"https://moduix.dev/r/react/sidebar-dashboard.json"},{"name":"file-upload-manager","title":"File upload manager","description":"A copy-owned attachment manager with drag-and-drop, validation, removal, and clear actions.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"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","copy_url":"https://moduix.dev/r/react/file-upload-manager.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","pro-available","text-effects"],"categories":["Animated components"],"labels":["pro"],"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.vercel.app/registry/moleculeui","markdown":"https://sh4dcn.vercel.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":true,"pro_url":null,"pricing_url":"https://www.moleculeui.design/pricing"},"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":"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","design-system","forms","hooks"],"categories":["Animated components"],"labels":["featured","popular"],"urls":{"website":"https://www.motion-primitives.com","github":"https://github.com/ibelick/motion-primitives","registry":"https://motion-primitives.com/c/{name}.json","source":"https://motion-primitives.com/c/{name}.json","page":"https://sh4dcn.vercel.app/registry/motion-primitives","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5655,"open_issues":34,"last_commit":"2026-03-19T14:09:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"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/{name}.json"},"component_count":0,"components":[]},{"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.vercel.app/registry/mozaika","markdown":"https://sh4dcn.vercel.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","description":"1Password's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/1password.json","install_command":"npx shadcn@latest add https://mozaika.design/r/1password.json","copy_url":"https://mozaika.design/r/1password.json"},{"name":"1password-mobile","title":"1Password Mobile — decoded design system","description":"1Password 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/1password-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/1password-mobile.json","copy_url":"https://mozaika.design/r/1password-mobile.json"},{"name":"admin-pro","title":"Admin Pro — decoded design system","description":"Admin Pro's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/admin-pro.json","install_command":"npx shadcn@latest add https://mozaika.design/r/admin-pro.json","copy_url":"https://mozaika.design/r/admin-pro.json"},{"name":"adyen","title":"Adyen — decoded design system","description":"Adyen's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/adyen.json","install_command":"npx shadcn@latest add https://mozaika.design/r/adyen.json","copy_url":"https://mozaika.design/r/adyen.json"},{"name":"aesop","title":"Aesop — decoded design system","description":"Aesop's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/aesop.json","install_command":"npx shadcn@latest add https://mozaika.design/r/aesop.json","copy_url":"https://mozaika.design/r/aesop.json"},{"name":"agency","title":"Agency — decoded design system","description":"Agency's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/agency.json","install_command":"npx shadcn@latest add https://mozaika.design/r/agency.json","copy_url":"https://mozaika.design/r/agency.json"},{"name":"airbnb-mobile","title":"Airbnb Mobile — decoded design system","description":"Airbnb 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/airbnb-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airbnb-mobile.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/airbyte.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airbyte.json","copy_url":"https://mozaika.design/r/airbyte.json"},{"name":"airtable","title":"Airtable — decoded design system","description":"Airtable's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/airtable.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airtable.json","copy_url":"https://mozaika.design/r/airtable.json"},{"name":"akiflow","title":"Akiflow — decoded design system","description":"Akiflow's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/akiflow.json","install_command":"npx shadcn@latest add https://mozaika.design/r/akiflow.json","copy_url":"https://mozaika.design/r/akiflow.json"},{"name":"allbirds","title":"Allbirds — decoded design system","description":"Allbirds's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/allbirds.json","install_command":"npx shadcn@latest add https://mozaika.design/r/allbirds.json","copy_url":"https://mozaika.design/r/allbirds.json"},{"name":"alltrails-mobile","title":"AllTrails Mobile — decoded design system","description":"AllTrails 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/alltrails-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/alltrails-mobile.json","copy_url":"https://mozaika.design/r/alltrails-mobile.json"},{"name":"amazon-mobile","title":"Amazon Mobile — decoded design system","description":"Amazon 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/amazon-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amazon-mobile.json","copy_url":"https://mozaika.design/r/amazon-mobile.json"},{"name":"amber-minimal-ui","title":"Amber Minimal UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/amber-minimal-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amber-minimal-ui.json","copy_url":"https://mozaika.design/r/amber-minimal-ui.json"},{"name":"amethyst-haze-ui","title":"Amethyst Haze UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/amethyst-haze-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amethyst-haze-ui.json","copy_url":"https://mozaika.design/r/amethyst-haze-ui.json"},{"name":"amie","title":"Amie — decoded design system","description":"Amie's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/amie.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amie.json","copy_url":"https://mozaika.design/r/amie.json"},{"name":"amplitude","title":"Amplitude — decoded design system","description":"Amplitude's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/amplitude.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amplitude.json","copy_url":"https://mozaika.design/r/amplitude.json"},{"name":"anytype","title":"Anytype — decoded design system","description":"Anytype's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/anytype.json","install_command":"npx shadcn@latest add https://mozaika.design/r/anytype.json","copy_url":"https://mozaika.design/r/anytype.json"},{"name":"app-landing","title":"App Landing — decoded design system","description":"App Landing's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/app-landing.json","install_command":"npx shadcn@latest add https://mozaika.design/r/app-landing.json","copy_url":"https://mozaika.design/r/app-landing.json"},{"name":"apple-music","title":"Apple Music — decoded design system","description":"Apple Music's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/apple-music.json","install_command":"npx shadcn@latest add https://mozaika.design/r/apple-music.json","copy_url":"https://mozaika.design/r/apple-music.json"},{"name":"apple-music-mobile","title":"Apple Music Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/apple-music-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/apple-music-mobile.json","copy_url":"https://mozaika.design/r/apple-music-mobile.json"},{"name":"appsmith","title":"Appsmith — decoded design system","description":"Appsmith's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/appsmith.json","install_command":"npx shadcn@latest add https://mozaika.design/r/appsmith.json","copy_url":"https://mozaika.design/r/appsmith.json"},{"name":"appwrite","title":"Appwrite — decoded design system","description":"Appwrite's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/appwrite.json","install_command":"npx shadcn@latest add https://mozaika.design/r/appwrite.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/arc.json","install_command":"npx shadcn@latest add https://mozaika.design/r/arc.json","copy_url":"https://mozaika.design/r/arc.json"},{"name":"are-na","title":"Are.na — decoded design system","description":"Are.na's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/are-na.json","install_command":"npx shadcn@latest add https://mozaika.design/r/are-na.json","copy_url":"https://mozaika.design/r/are-na.json"},{"name":"asana-mobile","title":"Asana Mobile — decoded design system","description":"Asana 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/asana-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/asana-mobile.json","copy_url":"https://mozaika.design/r/asana-mobile.json"},{"name":"ashby","title":"Ashby — decoded design system","description":"Ashby's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ashby.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ashby.json","copy_url":"https://mozaika.design/r/ashby.json"},{"name":"assemblyai","title":"AssemblyAI — decoded design system","description":"AssemblyAI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/assemblyai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/assemblyai.json","copy_url":"https://mozaika.design/r/assemblyai.json"},{"name":"astro","title":"Astro — decoded design system","description":"Astro's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/astro.json","install_command":"npx shadcn@latest add https://mozaika.design/r/astro.json","copy_url":"https://mozaika.design/r/astro.json"},{"name":"attio","title":"Attio — decoded design system","description":"Attio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/attio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/attio.json","copy_url":"https://mozaika.design/r/attio.json"},{"name":"audible-mobile","title":"Audible Mobile — decoded design system","description":"Audible 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/audible-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/audible-mobile.json","copy_url":"https://mozaika.design/r/audible-mobile.json"},{"name":"augment","title":"Augment — decoded design system","description":"Augment's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/augment.json","install_command":"npx shadcn@latest add https://mozaika.design/r/augment.json","copy_url":"https://mozaika.design/r/augment.json"},{"name":"away","title":"Away — decoded design system","description":"Away's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/away.json","install_command":"npx shadcn@latest add https://mozaika.design/r/away.json","copy_url":"https://mozaika.design/r/away.json"},{"name":"axiom","title":"Axiom — decoded design system","description":"Axiom's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/axiom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/axiom.json","copy_url":"https://mozaika.design/r/axiom.json"},{"name":"baseten","title":"Baseten — decoded design system","description":"Baseten's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/baseten.json","install_command":"npx shadcn@latest add https://mozaika.design/r/baseten.json","copy_url":"https://mozaika.design/r/baseten.json"},{"name":"bear","title":"Bear — decoded design system","description":"Bear's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bear.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bear.json","copy_url":"https://mozaika.design/r/bear.json"},{"name":"beehiiv","title":"Beehiiv — decoded design system","description":"Beehiiv's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/beehiiv.json","install_command":"npx shadcn@latest add https://mozaika.design/r/beehiiv.json","copy_url":"https://mozaika.design/r/beehiiv.json"},{"name":"bellroy","title":"Bellroy — decoded design system","description":"Bellroy's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bellroy.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bellroy.json","copy_url":"https://mozaika.design/r/bellroy.json"},{"name":"bento","title":"Bento — decoded design system","description":"Bento's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bento.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bento.json","copy_url":"https://mozaika.design/r/bento.json"},{"name":"better-stack","title":"Better Stack — decoded design system","description":"Better Stack's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/better-stack.json","install_command":"npx shadcn@latest add https://mozaika.design/r/better-stack.json","copy_url":"https://mozaika.design/r/better-stack.json"},{"name":"bilt","title":"Bilt — decoded design system","description":"Bilt's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bilt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bilt.json","copy_url":"https://mozaika.design/r/bilt.json"},{"name":"biome","title":"Biome — decoded design system","description":"Biome's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/biome.json","install_command":"npx shadcn@latest add https://mozaika.design/r/biome.json","copy_url":"https://mozaika.design/r/biome.json"},{"name":"blog-home","title":"Blog Home — decoded design system","description":"Blog Home's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/blog-home.json","install_command":"npx shadcn@latest add https://mozaika.design/r/blog-home.json","copy_url":"https://mozaika.design/r/blog-home.json"},{"name":"bluesky-mobile","title":"Bluesky Mobile — decoded design system","description":"Bluesky 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bluesky-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bluesky-mobile.json","copy_url":"https://mozaika.design/r/bluesky-mobile.json"},{"name":"bold-tech-ui","title":"Bold Tech UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bold-tech-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bold-tech-ui.json","copy_url":"https://mozaika.design/r/bold-tech-ui.json"},{"name":"bolt","title":"Bolt — decoded design system","description":"Bolt's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bolt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bolt.json","copy_url":"https://mozaika.design/r/bolt.json"},{"name":"braintrust","title":"Braintrust — decoded design system","description":"Braintrust's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/braintrust.json","install_command":"npx shadcn@latest add https://mozaika.design/r/braintrust.json","copy_url":"https://mozaika.design/r/braintrust.json"},{"name":"brex","title":"Brex — decoded design system","description":"Brex's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/brex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/brex.json","copy_url":"https://mozaika.design/r/brex.json"},{"name":"browserbase","title":"Browserbase — decoded design system","description":"Browserbase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/browserbase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/browserbase.json","copy_url":"https://mozaika.design/r/browserbase.json"},{"name":"bubblegum-ui","title":"Bubblegum UI — decoded design system","description":"Bubblegum UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bubblegum-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bubblegum-ui.json","copy_url":"https://mozaika.design/r/bubblegum-ui.json"},{"name":"builder-io","title":"Builder.io — decoded design system","description":"Builder.io's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/builder-io.json","install_command":"npx shadcn@latest add https://mozaika.design/r/builder-io.json","copy_url":"https://mozaika.design/r/builder-io.json"},{"name":"bumble-mobile","title":"Bumble Mobile — decoded design system","description":"Bumble 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bumble-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bumble-mobile.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/bun.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bun.json","copy_url":"https://mozaika.design/r/bun.json"},{"name":"business-front","title":"Business Front — decoded design system","description":"Business Front's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/business-front.json","install_command":"npx shadcn@latest add https://mozaika.design/r/business-front.json","copy_url":"https://mozaika.design/r/business-front.json"},{"name":"butter-templates","title":"Butter Templates — decoded design system","description":"Butter Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/butter-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/butter-templates.json","copy_url":"https://mozaika.design/r/butter-templates.json"},{"name":"caffeine-ui","title":"Caffeine UI — decoded design system","description":"Caffeine UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/caffeine-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/caffeine-ui.json","copy_url":"https://mozaika.design/r/caffeine-ui.json"},{"name":"cal-com","title":"Cal.com — decoded design system","description":"Cal.com's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cal-com.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cal-com.json","copy_url":"https://mozaika.design/r/cal-com.json"},{"name":"calendly","title":"Calendly — decoded design system","description":"Calendly's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/calendly.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calendly.json","copy_url":"https://mozaika.design/r/calendly.json"},{"name":"calm","title":"Calm — decoded design system","description":"Calm's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/calm.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calm.json","copy_url":"https://mozaika.design/r/calm.json"},{"name":"calm-mobile","title":"Calm Mobile — decoded design system","description":"Calm 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/calm-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calm-mobile.json","copy_url":"https://mozaika.design/r/calm-mobile.json"},{"name":"candyland-ui","title":"Candyland UI — decoded design system","description":"Candyland UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/candyland-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/candyland-ui.json","copy_url":"https://mozaika.design/r/candyland-ui.json"},{"name":"canva","title":"Canva — decoded design system","description":"Canva's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/canva.json","install_command":"npx shadcn@latest add https://mozaika.design/r/canva.json","copy_url":"https://mozaika.design/r/canva.json"},{"name":"cap","title":"Cap — decoded design system","description":"Cap's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cap.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cap.json","copy_url":"https://mozaika.design/r/cap.json"},{"name":"capacities","title":"Capacities — decoded design system","description":"Capacities's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/capacities.json","install_command":"npx shadcn@latest add https://mozaika.design/r/capacities.json","copy_url":"https://mozaika.design/r/capacities.json"},{"name":"capcut-mobile","title":"CapCut Mobile — decoded design system","description":"CapCut 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/capcut-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/capcut-mobile.json","copy_url":"https://mozaika.design/r/capcut-mobile.json"},{"name":"captions","title":"Captions — decoded design system","description":"Captions's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/captions.json","install_command":"npx shadcn@latest add https://mozaika.design/r/captions.json","copy_url":"https://mozaika.design/r/captions.json"},{"name":"caraway","title":"Caraway — decoded design system","description":"Caraway's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/caraway.json","install_command":"npx shadcn@latest add https://mozaika.design/r/caraway.json","copy_url":"https://mozaika.design/r/caraway.json"},{"name":"cargo","title":"Cargo — decoded design system","description":"Cargo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cargo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cargo.json","copy_url":"https://mozaika.design/r/cargo.json"},{"name":"carrd","title":"Carrd — decoded design system","description":"Carrd's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/carrd.json","install_command":"npx shadcn@latest add https://mozaika.design/r/carrd.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cartesia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cartesia.json","copy_url":"https://mozaika.design/r/cartesia.json"},{"name":"cash-app","title":"Cash App — decoded design system","description":"Cash App's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cash-app.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cash-app.json","copy_url":"https://mozaika.design/r/cash-app.json"},{"name":"cash-app-mobile","title":"Cash App Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cash-app-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cash-app-mobile.json","copy_url":"https://mozaika.design/r/cash-app-mobile.json"},{"name":"catppuccin-ui","title":"Catppuccin UI — decoded design system","description":"Catppuccin UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/catppuccin-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/catppuccin-ui.json","copy_url":"https://mozaika.design/r/catppuccin-ui.json"},{"name":"census","title":"Census — decoded design system","description":"Census's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/census.json","install_command":"npx shadcn@latest add https://mozaika.design/r/census.json","copy_url":"https://mozaika.design/r/census.json"},{"name":"cerebras","title":"Cerebras — decoded design system","description":"Cerebras's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cerebras.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cerebras.json","copy_url":"https://mozaika.design/r/cerebras.json"},{"name":"character-ai-mobile","title":"Character.AI Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/character-ai-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/character-ai-mobile.json","copy_url":"https://mozaika.design/r/character-ai-mobile.json"},{"name":"chatgpt-mobile","title":"ChatGPT Mobile — decoded design system","description":"ChatGPT 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/chatgpt-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chatgpt-mobile.json","copy_url":"https://mozaika.design/r/chatgpt-mobile.json"},{"name":"checkout-com","title":"Checkout.com — decoded design system","description":"Checkout.com's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/checkout-com.json","install_command":"npx shadcn@latest add https://mozaika.design/r/checkout-com.json","copy_url":"https://mozaika.design/r/checkout-com.json"},{"name":"chocolate-templates","title":"Chocolate Templates — decoded design system","description":"Chocolate Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/chocolate-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chocolate-templates.json","copy_url":"https://mozaika.design/r/chocolate-templates.json"},{"name":"chroma","title":"Chroma — decoded design system","description":"Chroma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/chroma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chroma.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/claude.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claude.json","copy_url":"https://mozaika.design/r/claude.json"},{"name":"claude-ui","title":"Claude UI — decoded design system","description":"Claude UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/claude-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claude-ui.json","copy_url":"https://mozaika.design/r/claude-ui.json"},{"name":"clay","title":"Clay — decoded design system","description":"Clay's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clay.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clay.json","copy_url":"https://mozaika.design/r/clay.json"},{"name":"claymorphism-ui","title":"Claymorphism UI — decoded design system","description":"Claymorphism UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/claymorphism-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claymorphism-ui.json","copy_url":"https://mozaika.design/r/claymorphism-ui.json"},{"name":"clean-blog","title":"Clean Blog — decoded design system","description":"Clean Blog's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clean-blog.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clean-blog.json","copy_url":"https://mozaika.design/r/clean-blog.json"},{"name":"clean-slate-ui","title":"Clean Slate UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clean-slate-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clean-slate-ui.json","copy_url":"https://mozaika.design/r/clean-slate-ui.json"},{"name":"clerk","title":"Clerk — decoded design system","description":"Clerk's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clerk.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clerk.json","copy_url":"https://mozaika.design/r/clerk.json"},{"name":"clickhouse","title":"ClickHouse — decoded design system","description":"ClickHouse's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clickhouse.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clickhouse.json","copy_url":"https://mozaika.design/r/clickhouse.json"},{"name":"clickup-mobile","title":"ClickUp Mobile — decoded design system","description":"ClickUp 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/clickup-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clickup-mobile.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cluely.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cluely.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/co-star.json","install_command":"npx shadcn@latest add https://mozaika.design/r/co-star.json","copy_url":"https://mozaika.design/r/co-star.json"},{"name":"coda","title":"Coda — decoded design system","description":"Coda's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/coda.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coda.json","copy_url":"https://mozaika.design/r/coda.json"},{"name":"coder","title":"Coder — decoded design system","description":"Coder's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/coder.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coder.json","copy_url":"https://mozaika.design/r/coder.json"},{"name":"codesandbox","title":"CodeSandbox — decoded design system","description":"CodeSandbox's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/codesandbox.json","install_command":"npx shadcn@latest add https://mozaika.design/r/codesandbox.json","copy_url":"https://mozaika.design/r/codesandbox.json"},{"name":"cognition","title":"Cognition — decoded design system","description":"Cognition's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cognition.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cognition.json","copy_url":"https://mozaika.design/r/cognition.json"},{"name":"cohere","title":"Cohere — decoded design system","description":"Cohere's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cohere.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cohere.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/coinbase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coinbase.json","copy_url":"https://mozaika.design/r/coinbase.json"},{"name":"coinbase-mobile","title":"Coinbase Mobile — decoded design system","description":"Coinbase 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/coinbase-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coinbase-mobile.json","copy_url":"https://mozaika.design/r/coinbase-mobile.json"},{"name":"colophon","title":"Colophon — decoded design system","description":"Colophon's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/colophon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/colophon.json","copy_url":"https://mozaika.design/r/colophon.json"},{"name":"column","title":"Column — decoded design system","description":"Column's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/column.json","install_command":"npx shadcn@latest add https://mozaika.design/r/column.json","copy_url":"https://mozaika.design/r/column.json"},{"name":"coming-soon","title":"Coming Soon — decoded design system","description":"Coming Soon's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/coming-soon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coming-soon.json","copy_url":"https://mozaika.design/r/coming-soon.json"},{"name":"commercial-type","title":"Commercial Type — decoded design system","description":"Commercial Type's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/commercial-type.json","install_command":"npx shadcn@latest add https://mozaika.design/r/commercial-type.json","copy_url":"https://mozaika.design/r/commercial-type.json"},{"name":"continue","title":"Continue — decoded design system","description":"Continue's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/continue.json","install_command":"npx shadcn@latest add https://mozaika.design/r/continue.json","copy_url":"https://mozaika.design/r/continue.json"},{"name":"convex","title":"Convex — decoded design system","description":"Convex's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/convex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/convex.json","copy_url":"https://mozaika.design/r/convex.json"},{"name":"copilot-money","title":"Copilot Money — decoded design system","description":"Copilot Money's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/copilot-money.json","install_command":"npx shadcn@latest add https://mozaika.design/r/copilot-money.json","copy_url":"https://mozaika.design/r/copilot-money.json"},{"name":"cosmic-night-ui","title":"Cosmic Night UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cosmic-night-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cosmic-night-ui.json","copy_url":"https://mozaika.design/r/cosmic-night-ui.json"},{"name":"cosmos","title":"Cosmos — decoded design system","description":"Cosmos's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cosmos.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cosmos.json","copy_url":"https://mozaika.design/r/cosmos.json"},{"name":"courier","title":"Courier — decoded design system","description":"Courier's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/courier.json","install_command":"npx shadcn@latest add https://mozaika.design/r/courier.json","copy_url":"https://mozaika.design/r/courier.json"},{"name":"craft","title":"Craft — decoded design system","description":"Craft's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/craft.json","install_command":"npx shadcn@latest add https://mozaika.design/r/craft.json","copy_url":"https://mozaika.design/r/craft.json"},{"name":"creative-portfolio","title":"Creative Portfolio — decoded design system","description":"Creative Portfolio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/creative-portfolio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/creative-portfolio.json","copy_url":"https://mozaika.design/r/creative-portfolio.json"},{"name":"crypto-com-mobile","title":"Crypto.com Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/crypto-com-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/crypto-com-mobile.json","copy_url":"https://mozaika.design/r/crypto-com-mobile.json"},{"name":"cuberto","title":"Cuberto — decoded design system","description":"Cuberto's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cuberto.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cuberto.json","copy_url":"https://mozaika.design/r/cuberto.json"},{"name":"cursor","title":"Cursor — decoded design system","description":"Cursor's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cursor.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cursor.json","copy_url":"https://mozaika.design/r/cursor.json"},{"name":"cyberpunk-ui","title":"Cyberpunk UI — decoded design system","description":"Cyberpunk UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/cyberpunk-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cyberpunk-ui.json","copy_url":"https://mozaika.design/r/cyberpunk-ui.json"},{"name":"dagger","title":"Dagger — decoded design system","description":"Dagger's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dagger.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dagger.json","copy_url":"https://mozaika.design/r/dagger.json"},{"name":"dagster","title":"Dagster — decoded design system","description":"Dagster's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dagster.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dagster.json","copy_url":"https://mozaika.design/r/dagster.json"},{"name":"darkmatter-ui","title":"Darkmatter UI — decoded design system","description":"Darkmatter UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/darkmatter-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/darkmatter-ui.json","copy_url":"https://mozaika.design/r/darkmatter-ui.json"},{"name":"datadog","title":"Datadog — decoded design system","description":"Datadog's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/datadog.json","install_command":"npx shadcn@latest add https://mozaika.design/r/datadog.json","copy_url":"https://mozaika.design/r/datadog.json"},{"name":"daytona","title":"Daytona — decoded design system","description":"Daytona's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/daytona.json","install_command":"npx shadcn@latest add https://mozaika.design/r/daytona.json","copy_url":"https://mozaika.design/r/daytona.json"},{"name":"dbt","title":"dbt — decoded design system","description":"dbt's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dbt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dbt.json","copy_url":"https://mozaika.design/r/dbt.json"},{"name":"decagon","title":"Decagon — decoded design system","description":"Decagon's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/decagon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/decagon.json","copy_url":"https://mozaika.design/r/decagon.json"},{"name":"deel","title":"Deel — decoded design system","description":"Deel's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deel.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deel.json","copy_url":"https://mozaika.design/r/deel.json"},{"name":"deepgram","title":"Deepgram — decoded design system","description":"Deepgram's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deepgram.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepgram.json","copy_url":"https://mozaika.design/r/deepgram.json"},{"name":"deepnote","title":"Deepnote — decoded design system","description":"Deepnote's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deepnote.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepnote.json","copy_url":"https://mozaika.design/r/deepnote.json"},{"name":"deepseek-mobile","title":"DeepSeek Mobile — decoded design system","description":"DeepSeek 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deepseek-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepseek-mobile.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deezer-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deezer-mobile.json","copy_url":"https://mozaika.design/r/deezer-mobile.json"},{"name":"default","title":"Default — decoded design system","description":"Default's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/default.json","install_command":"npx shadcn@latest add https://mozaika.design/r/default.json","copy_url":"https://mozaika.design/r/default.json"},{"name":"deliveroo-mobile","title":"Deliveroo Mobile — decoded design system","description":"Deliveroo 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deliveroo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deliveroo-mobile.json","copy_url":"https://mozaika.design/r/deliveroo-mobile.json"},{"name":"deno","title":"Deno — decoded design system","description":"Deno's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/deno.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deno.json","copy_url":"https://mozaika.design/r/deno.json"},{"name":"depop-mobile","title":"Depop Mobile — decoded design system","description":"Depop 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/depop-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/depop-mobile.json","copy_url":"https://mozaika.design/r/depop-mobile.json"},{"name":"depot","title":"Depot — decoded design system","description":"Depot's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/depot.json","install_command":"npx shadcn@latest add https://mozaika.design/r/depot.json","copy_url":"https://mozaika.design/r/depot.json"},{"name":"descript","title":"Descript — decoded design system","description":"Descript's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/descript.json","install_command":"npx shadcn@latest add https://mozaika.design/r/descript.json","copy_url":"https://mozaika.design/r/descript.json"},{"name":"dia","title":"Dia — decoded design system","description":"Dia's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dia.json","copy_url":"https://mozaika.design/r/dia.json"},{"name":"digits","title":"Digits — decoded design system","description":"Digits's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/digits.json","install_command":"npx shadcn@latest add https://mozaika.design/r/digits.json","copy_url":"https://mozaika.design/r/digits.json"},{"name":"dinamo","title":"Dinamo — decoded design system","description":"Dinamo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dinamo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dinamo.json","copy_url":"https://mozaika.design/r/dinamo.json"},{"name":"discord-mobile","title":"Discord Mobile — decoded design system","description":"Discord 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/discord-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/discord-mobile.json","copy_url":"https://mozaika.design/r/discord-mobile.json"},{"name":"disney-mobile","title":"Disney+ Mobile — decoded design system","description":"Disney+ 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/disney-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/disney-mobile.json","copy_url":"https://mozaika.design/r/disney-mobile.json"},{"name":"doom-64-ui","title":"Doom 64 UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/doom-64-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/doom-64-ui.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/doppler.json","install_command":"npx shadcn@latest add https://mozaika.design/r/doppler.json","copy_url":"https://mozaika.design/r/doppler.json"},{"name":"drata","title":"Drata — decoded design system","description":"Drata's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/drata.json","install_command":"npx shadcn@latest add https://mozaika.design/r/drata.json","copy_url":"https://mozaika.design/r/drata.json"},{"name":"drizzle","title":"Drizzle — decoded design system","description":"Drizzle's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/drizzle.json","install_command":"npx shadcn@latest add https://mozaika.design/r/drizzle.json","copy_url":"https://mozaika.design/r/drizzle.json"},{"name":"dropbox-mobile","title":"Dropbox Mobile — decoded design system","description":"Dropbox 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dropbox-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dropbox-mobile.json","copy_url":"https://mozaika.design/r/dropbox-mobile.json"},{"name":"duolingo","title":"Duolingo — decoded design system","description":"Duolingo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/duolingo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/duolingo.json","copy_url":"https://mozaika.design/r/duolingo.json"},{"name":"duolingo-mobile","title":"Duolingo Mobile — decoded design system","description":"Duolingo 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/duolingo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/duolingo-mobile.json","copy_url":"https://mozaika.design/r/duolingo-mobile.json"},{"name":"dust","title":"Dust — decoded design system","description":"Dust's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/dust.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dust.json","copy_url":"https://mozaika.design/r/dust.json"},{"name":"e2b","title":"E2B — decoded design system","description":"E2B's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/e2b.json","install_command":"npx shadcn@latest add https://mozaika.design/r/e2b.json","copy_url":"https://mozaika.design/r/e2b.json"},{"name":"ebay-mobile","title":"eBay Mobile — decoded design system","description":"eBay 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ebay-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ebay-mobile.json","copy_url":"https://mozaika.design/r/ebay-mobile.json"},{"name":"eight-sleep","title":"Eight Sleep — decoded design system","description":"Eight Sleep's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/eight-sleep.json","install_command":"npx shadcn@latest add https://mozaika.design/r/eight-sleep.json","copy_url":"https://mozaika.design/r/eight-sleep.json"},{"name":"electricsql","title":"ElectricSQL — decoded design system","description":"ElectricSQL's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/electricsql.json","install_command":"npx shadcn@latest add https://mozaika.design/r/electricsql.json","copy_url":"https://mozaika.design/r/electricsql.json"},{"name":"elegant-luxury-ui","title":"Elegant Luxury UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/elegant-luxury-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/elegant-luxury-ui.json","copy_url":"https://mozaika.design/r/elegant-luxury-ui.json"},{"name":"elevenlabs","title":"ElevenLabs — decoded design system","description":"ElevenLabs's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/elevenlabs.json","install_command":"npx shadcn@latest add https://mozaika.design/r/elevenlabs.json","copy_url":"https://mozaika.design/r/elevenlabs.json"},{"name":"encore","title":"Encore — decoded design system","description":"Encore's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/encore.json","install_command":"npx shadcn@latest add https://mozaika.design/r/encore.json","copy_url":"https://mozaika.design/r/encore.json"},{"name":"endel","title":"Endel — decoded design system","description":"Endel's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/endel.json","install_command":"npx shadcn@latest add https://mozaika.design/r/endel.json","copy_url":"https://mozaika.design/r/endel.json"},{"name":"eraser","title":"Eraser — decoded design system","description":"Eraser's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/eraser.json","install_command":"npx shadcn@latest add https://mozaika.design/r/eraser.json","copy_url":"https://mozaika.design/r/eraser.json"},{"name":"etoro-mobile","title":"eToro Mobile — decoded design system","description":"eToro 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/etoro-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/etoro-mobile.json","copy_url":"https://mozaika.design/r/etoro-mobile.json"},{"name":"evidence","title":"Evidence — decoded design system","description":"Evidence's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/evidence.json","install_command":"npx shadcn@latest add https://mozaika.design/r/evidence.json","copy_url":"https://mozaika.design/r/evidence.json"},{"name":"exa","title":"Exa — decoded design system","description":"Exa's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/exa.json","install_command":"npx shadcn@latest add https://mozaika.design/r/exa.json","copy_url":"https://mozaika.design/r/exa.json"},{"name":"excalidraw","title":"Excalidraw — decoded design system","description":"Excalidraw's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/excalidraw.json","install_command":"npx shadcn@latest add https://mozaika.design/r/excalidraw.json","copy_url":"https://mozaika.design/r/excalidraw.json"},{"name":"facebook-mobile","title":"Facebook Mobile — decoded design system","description":"Facebook 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/facebook-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/facebook-mobile.json","copy_url":"https://mozaika.design/r/facebook-mobile.json"},{"name":"factory","title":"Factory — decoded design system","description":"Factory's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/factory.json","install_command":"npx shadcn@latest add https://mozaika.design/r/factory.json","copy_url":"https://mozaika.design/r/factory.json"},{"name":"faire","title":"Faire — decoded design system","description":"Faire's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/faire.json","install_command":"npx shadcn@latest add https://mozaika.design/r/faire.json","copy_url":"https://mozaika.design/r/faire.json"},{"name":"fal","title":"Fal — decoded design system","description":"Fal's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fal.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fal.json","copy_url":"https://mozaika.design/r/fal.json"},{"name":"family","title":"Family — decoded design system","description":"Family's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/family.json","install_command":"npx shadcn@latest add https://mozaika.design/r/family.json","copy_url":"https://mozaika.design/r/family.json"},{"name":"fathom","title":"Fathom — decoded design system","description":"Fathom's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fathom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fathom.json","copy_url":"https://mozaika.design/r/fathom.json"},{"name":"fey","title":"Fey — decoded design system","description":"Fey's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fey.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/figma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/figma.json","copy_url":"https://mozaika.design/r/figma.json"},{"name":"figma-mobile","title":"Figma Mobile — decoded design system","description":"Figma 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/figma-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/figma-mobile.json","copy_url":"https://mozaika.design/r/figma-mobile.json"},{"name":"fireworks-ai","title":"Fireworks AI — decoded design system","description":"Fireworks AI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fireworks-ai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fireworks-ai.json","copy_url":"https://mozaika.design/r/fireworks-ai.json"},{"name":"fishwife","title":"Fishwife — decoded design system","description":"Fishwife's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fishwife.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fishwife.json","copy_url":"https://mozaika.design/r/fishwife.json"},{"name":"flighty","title":"Flighty — decoded design system","description":"Flighty's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/flighty.json","install_command":"npx shadcn@latest add https://mozaika.design/r/flighty.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/flo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/flo-mobile.json","copy_url":"https://mozaika.design/r/flo-mobile.json"},{"name":"fly-io","title":"Fly.io — decoded design system","description":"Fly.io's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/fly-io.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fly-io.json","copy_url":"https://mozaika.design/r/fly-io.json"},{"name":"framer","title":"Framer — decoded design system","description":"Framer's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/framer.json","install_command":"npx shadcn@latest add https://mozaika.design/r/framer.json","copy_url":"https://mozaika.design/r/framer.json"},{"name":"frec","title":"Frec — decoded design system","description":"Frec's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/frec.json","install_command":"npx shadcn@latest add https://mozaika.design/r/frec.json","copy_url":"https://mozaika.design/r/frec.json"},{"name":"freelancer","title":"Freelancer — decoded design system","description":"Freelancer's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/freelancer.json","install_command":"npx shadcn@latest add https://mozaika.design/r/freelancer.json","copy_url":"https://mozaika.design/r/freelancer.json"},{"name":"front","title":"Front — decoded design system","description":"Front's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/front.json","install_command":"npx shadcn@latest add https://mozaika.design/r/front.json","copy_url":"https://mozaika.design/r/front.json"},{"name":"function-health","title":"Function Health — decoded design system","description":"Function Health's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/function-health.json","install_command":"npx shadcn@latest add https://mozaika.design/r/function-health.json","copy_url":"https://mozaika.design/r/function-health.json"},{"name":"gamma","title":"Gamma — decoded design system","description":"Gamma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gamma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gamma.json","copy_url":"https://mozaika.design/r/gamma.json"},{"name":"gemini-mobile","title":"Gemini Mobile — decoded design system","description":"Gemini 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gemini-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gemini-mobile.json","copy_url":"https://mozaika.design/r/gemini-mobile.json"},{"name":"getir-mobile","title":"Getir Mobile — decoded design system","description":"Getir 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/getir-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/getir-mobile.json","copy_url":"https://mozaika.design/r/getir-mobile.json"},{"name":"ghia","title":"Ghia — decoded design system","description":"Ghia's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ghia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghia.json","copy_url":"https://mozaika.design/r/ghia.json"},{"name":"ghost","title":"Ghost — decoded design system","description":"Ghost's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ghost.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghost.json","copy_url":"https://mozaika.design/r/ghost.json"},{"name":"ghostfolio","title":"Ghostfolio — decoded design system","description":"Ghostfolio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ghostfolio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghostfolio.json","copy_url":"https://mozaika.design/r/ghostfolio.json"},{"name":"ghostty","title":"Ghostty — decoded design system","description":"Ghostty's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ghostty.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghostty.json","copy_url":"https://mozaika.design/r/ghostty.json"},{"name":"github-mobile","title":"GitHub Mobile — decoded design system","description":"GitHub 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/github-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/github-mobile.json","copy_url":"https://mozaika.design/r/github-mobile.json"},{"name":"gitpod","title":"Gitpod — decoded design system","description":"Gitpod's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gitpod.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gitpod.json","copy_url":"https://mozaika.design/r/gitpod.json"},{"name":"glossier","title":"Glossier — decoded design system","description":"Glossier's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/glossier.json","install_command":"npx shadcn@latest add https://mozaika.design/r/glossier.json","copy_url":"https://mozaika.design/r/glossier.json"},{"name":"gmail-mobile","title":"Gmail Mobile — decoded design system","description":"Gmail 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gmail-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gmail-mobile.json","copy_url":"https://mozaika.design/r/gmail-mobile.json"},{"name":"google-calendar-mobile","title":"Google Calendar Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/google-calendar-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-calendar-mobile.json","copy_url":"https://mozaika.design/r/google-calendar-mobile.json"},{"name":"google-drive-mobile","title":"Google Drive Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/google-drive-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-drive-mobile.json","copy_url":"https://mozaika.design/r/google-drive-mobile.json"},{"name":"google-maps-mobile","title":"Google Maps Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/google-maps-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-maps-mobile.json","copy_url":"https://mozaika.design/r/google-maps-mobile.json"},{"name":"google-photos-mobile","title":"Google Photos Mobile — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/google-photos-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-photos-mobile.json","copy_url":"https://mozaika.design/r/google-photos-mobile.json"},{"name":"gothic-templates","title":"Gothic Templates — decoded design system","description":"Gothic Templates's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gothic-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gothic-templates.json","copy_url":"https://mozaika.design/r/gothic-templates.json"},{"name":"grafana","title":"Grafana — decoded design system","description":"Grafana's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grafana.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grafana.json","copy_url":"https://mozaika.design/r/grafana.json"},{"name":"grammarly-mobile","title":"Grammarly Mobile — decoded design system","description":"Grammarly 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grammarly-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grammarly-mobile.json","copy_url":"https://mozaika.design/r/grammarly-mobile.json"},{"name":"granola","title":"Granola — decoded design system","description":"Granola's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/granola.json","install_command":"npx shadcn@latest add https://mozaika.design/r/granola.json","copy_url":"https://mozaika.design/r/granola.json"},{"name":"graphite","title":"Graphite — decoded design system","description":"Graphite's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/graphite.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graphite.json","copy_url":"https://mozaika.design/r/graphite.json"},{"name":"graphite-ui","title":"Graphite UI — decoded design system","description":"Graphite UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/graphite-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graphite-ui.json","copy_url":"https://mozaika.design/r/graphite-ui.json"},{"name":"grayscale-app","title":"Grayscale App — decoded design system","description":"Grayscale App's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grayscale-app.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grayscale-app.json","copy_url":"https://mozaika.design/r/grayscale-app.json"},{"name":"graza","title":"Graza — decoded design system","description":"Graza's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/graza.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graza.json","copy_url":"https://mozaika.design/r/graza.json"},{"name":"grilli-type","title":"Grilli Type — decoded design system","description":"Grilli Type's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grilli-type.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grilli-type.json","copy_url":"https://mozaika.design/r/grilli-type.json"},{"name":"grok-mobile","title":"Grok Mobile — decoded design system","description":"Grok 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grok-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grok-mobile.json","copy_url":"https://mozaika.design/r/grok-mobile.json"},{"name":"groq","title":"Groq — decoded design system","description":"Groq's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/groq.json","install_command":"npx shadcn@latest add https://mozaika.design/r/groq.json","copy_url":"https://mozaika.design/r/groq.json"},{"name":"grubhub-mobile","title":"Grubhub Mobile — decoded design system","description":"Grubhub 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/grubhub-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grubhub-mobile.json","copy_url":"https://mozaika.design/r/grubhub-mobile.json"},{"name":"gumloop","title":"Gumloop — decoded design system","description":"Gumloop's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gumloop.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gumloop.json","copy_url":"https://mozaika.design/r/gumloop.json"},{"name":"gumroad","title":"Gumroad — decoded design system","description":"Gumroad's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gumroad.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gumroad.json","copy_url":"https://mozaika.design/r/gumroad.json"},{"name":"gusto","title":"Gusto — decoded design system","description":"Gusto's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gusto.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gusto.json","copy_url":"https://mozaika.design/r/gusto.json"},{"name":"gymshark","title":"Gymshark — decoded design system","description":"Gymshark's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/gymshark.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gymshark.json","copy_url":"https://mozaika.design/r/gymshark.json"},{"name":"harvey","title":"Harvey — decoded design system","description":"Harvey's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/harvey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/harvey.json","copy_url":"https://mozaika.design/r/harvey.json"},{"name":"hasura","title":"Hasura — decoded design system","description":"Hasura's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hasura.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hasura.json","copy_url":"https://mozaika.design/r/hasura.json"},{"name":"headspace","title":"Headspace — decoded design system","description":"Headspace's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/headspace.json","install_command":"npx shadcn@latest add https://mozaika.design/r/headspace.json","copy_url":"https://mozaika.design/r/headspace.json"},{"name":"headspace-mobile","title":"Headspace Mobile — decoded design system","description":"Headspace 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/headspace-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/headspace-mobile.json","copy_url":"https://mozaika.design/r/headspace-mobile.json"},{"name":"heptabase","title":"Heptabase — decoded design system","description":"Heptabase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/heptabase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heptabase.json","copy_url":"https://mozaika.design/r/heptabase.json"},{"name":"heroic-features","title":"Heroic Features — decoded design system","description":"Heroic Features's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/heroic-features.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heroic-features.json","copy_url":"https://mozaika.design/r/heroic-features.json"},{"name":"hex","title":"Hex — decoded design system","description":"Hex's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hex.json","copy_url":"https://mozaika.design/r/hex.json"},{"name":"hey","title":"Hey — decoded design system","description":"Hey's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hey.json","copy_url":"https://mozaika.design/r/hey.json"},{"name":"heygen","title":"HeyGen — decoded design system","description":"HeyGen's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/heygen.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heygen.json","copy_url":"https://mozaika.design/r/heygen.json"},{"name":"higgsfield","title":"Higgsfield — decoded design system","description":"Higgsfield's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/higgsfield.json","install_command":"npx shadcn@latest add https://mozaika.design/r/higgsfield.json","copy_url":"https://mozaika.design/r/higgsfield.json"},{"name":"highlight","title":"Highlight — decoded design system","description":"Highlight's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/highlight.json","install_command":"npx shadcn@latest add https://mozaika.design/r/highlight.json","copy_url":"https://mozaika.design/r/highlight.json"},{"name":"hightouch","title":"Hightouch — decoded design system","description":"Hightouch's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hightouch.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hightouch.json","copy_url":"https://mozaika.design/r/hightouch.json"},{"name":"honeycomb","title":"Honeycomb — decoded design system","description":"Honeycomb's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/honeycomb.json","install_command":"npx shadcn@latest add https://mozaika.design/r/honeycomb.json","copy_url":"https://mozaika.design/r/honeycomb.json"},{"name":"hookdeck","title":"Hookdeck — decoded design system","description":"Hookdeck's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hookdeck.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hookdeck.json","copy_url":"https://mozaika.design/r/hookdeck.json"},{"name":"hopper-mobile","title":"Hopper Mobile — decoded design system","description":"Hopper 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hopper-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hopper-mobile.json","copy_url":"https://mozaika.design/r/hopper-mobile.json"},{"name":"hugging-face","title":"Hugging Face — decoded design system","description":"Hugging Face's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hugging-face.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hugging-face.json","copy_url":"https://mozaika.design/r/hugging-face.json"},{"name":"hume","title":"Hume — decoded design system","description":"Hume's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hume.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hume.json","copy_url":"https://mozaika.design/r/hume.json"},{"name":"hume-ai","title":"Hume AI — decoded design system","description":"Hume AI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/hume-ai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hume-ai.json","copy_url":"https://mozaika.design/r/hume-ai.json"},{"name":"ideogram","title":"Ideogram — decoded design system","description":"Ideogram's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ideogram.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ideogram.json","copy_url":"https://mozaika.design/r/ideogram.json"},{"name":"ikea-mobile","title":"IKEA Mobile — decoded design system","description":"IKEA 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/ikea-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ikea-mobile.json","copy_url":"https://mozaika.design/r/ikea-mobile.json"},{"name":"imdb-mobile","title":"IMDb Mobile — decoded design system","description":"IMDb 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/imdb-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/imdb-mobile.json","copy_url":"https://mozaika.design/r/imdb-mobile.json"},{"name":"immich","title":"Immich — decoded design system","description":"Immich's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/immich.json","install_command":"npx shadcn@latest add https://mozaika.design/r/immich.json","copy_url":"https://mozaika.design/r/immich.json"},{"name":"increase","title":"Increase — decoded design system","description":"Increase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/increase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/increase.json","copy_url":"https://mozaika.design/r/increase.json"},{"name":"infisical","title":"Infisical — decoded design system","description":"Infisical's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/infisical.json","install_command":"npx shadcn@latest add https://mozaika.design/r/infisical.json","copy_url":"https://mozaika.design/r/infisical.json"},{"name":"inngest","title":"Inngest — decoded design system","description":"Inngest's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/inngest.json","install_command":"npx shadcn@latest add https://mozaika.design/r/inngest.json","copy_url":"https://mozaika.design/r/inngest.json"},{"name":"instacart-mobile","title":"Instacart Mobile — decoded design system","description":"Instacart 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/instacart-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instacart-mobile.json","copy_url":"https://mozaika.design/r/instacart-mobile.json"},{"name":"instagram-mobile","title":"Instagram Mobile — decoded design system","description":"Instagram 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/instagram-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instagram-mobile.json","copy_url":"https://mozaika.design/r/instagram-mobile.json"},{"name":"instant","title":"Instant — decoded design system","description":"Instant's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/instant.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instant.json","copy_url":"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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/intercom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/intercom.json","copy_url":"https://mozaika.design/r/intercom.json"},{"name":"jitter","title":"Jitter — decoded design system","description":"Jitter's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/jitter.json","install_command":"npx shadcn@latest add https://mozaika.design/r/jitter.json","copy_url":"https://mozaika.design/r/jitter.json"},{"name":"jones-road","title":"Jones Road — decoded design system","description":"Jones Road's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/jones-road.json","install_command":"npx shadcn@latest add https://mozaika.design/r/jones-road.json","copy_url":"https://mozaika.design/r/jones-road.json"},{"name":"june","title":"June — decoded design system","description":"June's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/june.json","install_command":"npx shadcn@latest add https://mozaika.design/r/june.json","copy_url":"https://mozaika.design/r/june.json"},{"name":"kayak-mobile","title":"Kayak Mobile — decoded design system","description":"Kayak 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/kayak-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kayak-mobile.json","copy_url":"https://mozaika.design/r/kayak-mobile.json"},{"name":"kinde","title":"Kinde — decoded design system","description":"Kinde's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/kinde.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kinde.json","copy_url":"https://mozaika.design/r/kinde.json"},{"name":"klarna","title":"Klarna — decoded design system","description":"Klarna's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/klarna.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klarna.json","copy_url":"https://mozaika.design/r/klarna.json"},{"name":"klarna-mobile","title":"Klarna Mobile — decoded design system","description":"Klarna 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/klarna-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klarna-mobile.json","copy_url":"https://mozaika.design/r/klarna-mobile.json"},{"name":"klim-type-foundry","title":"Klim Type Foundry — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/klim-type-foundry.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klim-type-foundry.json","copy_url":"https://mozaika.design/r/klim-type-foundry.json"},{"name":"knock","title":"Knock — decoded design system","description":"Knock's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/knock.json","install_command":"npx shadcn@latest add https://mozaika.design/r/knock.json","copy_url":"https://mozaika.design/r/knock.json"},{"name":"kodama-grove-ui","title":"Kodama Grove UI — decoded design system","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.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/kodama-grove-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kodama-grove-ui.json","copy_url":"https://mozaika.design/r/kodama-grove-ui.json"},{"name":"komoot-mobile","title":"Komoot Mobile — decoded design system","description":"Komoot 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/komoot-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/komoot-mobile.json","copy_url":"https://mozaika.design/r/komoot-mobile.json"},{"name":"kraken-mobile","title":"Kraken Mobile — decoded design system","description":"Kraken 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","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/kraken-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kraken-mobile.json","copy_url":"https://mozaika.design/r/kraken-mobile.json"},{"name":"krea","title":"Krea — decoded design system","description":"Krea's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"source_url":"https://mozaika.design/r/krea.json","install_command":"npx shadcn@latest add https://mozaika.design/r/krea.json","copy_url":"https://mozaika.design/r/krea.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"],"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.vercel.app/registry/mui-treasury","markdown":"https://sh4dcn.vercel.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":2443,"open_issues":39,"last_commit":"2026-05-22T09:10:00Z"},"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","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"],"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","copy_url":"https://mui-treasury.com/r/accordion-mui-treasury.json"},{"name":"ai-actions","title":"AI Actions","description":"Interactive AI action components","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-actions.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-actions.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/ai-artifact.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-artifact.json","copy_url":"https://mui-treasury.com/r/ai-artifact.json"},{"name":"ai-branch","title":"Ai Branch","description":"A ai-branch item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-branch.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-branch.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://mui-treasury.com/r/ai-code-block.json"},{"name":"ai-context","title":"Ai Context","description":"A ai-context item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-context.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-context.json","copy_url":"https://mui-treasury.com/r/ai-context.json"},{"name":"ai-conversation","title":"Ai Conversation","description":"A ai-conversation item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-conversation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-conversation.json","copy_url":"https://mui-treasury.com/r/ai-conversation.json"},{"name":"ai-elements","title":"AI Elements","description":"All AI Elements from MUI Treasury","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-elements.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-elements.json","copy_url":"https://mui-treasury.com/r/ai-elements.json"},{"name":"ai-image","title":"Ai Image","description":"A ai-image item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-image.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-image.json","copy_url":"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","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"],"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","copy_url":"https://mui-treasury.com/r/ai-inline-citation.json"},{"name":"ai-loader","title":"Ai Loader","description":"A ai-loader item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-loader.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-loader.json","copy_url":"https://mui-treasury.com/r/ai-loader.json"},{"name":"ai-message","title":"Ai Message","description":"A ai-message item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-message.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-message.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://mui-treasury.com/r/ai-prompt-input.json"},{"name":"ai-reasoning","title":"Ai Reasoning","description":"A ai-reasoning item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-reasoning.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-reasoning.json","copy_url":"https://mui-treasury.com/r/ai-reasoning.json"},{"name":"ai-response","title":"Ai Response","description":"A ai-response item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-response.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-response.json","copy_url":"https://mui-treasury.com/r/ai-response.json"},{"name":"ai-sources","title":"Ai Sources","description":"A ai-sources item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-sources.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-sources.json","copy_url":"https://mui-treasury.com/r/ai-sources.json"},{"name":"ai-suggestion","title":"Ai Suggestion","description":"A ai-suggestion item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-suggestion.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-suggestion.json","copy_url":"https://mui-treasury.com/r/ai-suggestion.json"},{"name":"ai-task","title":"Ai Task","description":"A ai-task item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-task.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-task.json","copy_url":"https://mui-treasury.com/r/ai-task.json"},{"name":"ai-tool","title":"Ai Tool","description":"A ai-tool item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/ai-tool.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-tool.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://mui-treasury.com/r/alert-mui-treasury.json"},{"name":"app-analytics","title":"App Analytics","description":"A app-analytics item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/app-analytics.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-analytics.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://mui-treasury.com/r/app-footer-01.json"},{"name":"app-messenger","title":"App Messenger","description":"A app-messenger item.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/app-messenger.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-messenger.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-blog.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-blog.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-engagement.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-engagement.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-galaxy.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-galaxy.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-highlight.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-highlight.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-kanban.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-kanban.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-music.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-music.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-news.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-news2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news2.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-news3.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news3.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-offer.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-offer.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-post.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-post.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-profile.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-profile.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-project.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-project.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-review.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-review.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-review2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-review2.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-reward.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-reward.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-social.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-social.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-sysi.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-sysi.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-tag.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-tag.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-team.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-team.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/card-tutor.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-tutor.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/collapsible.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/collapsible.json","copy_url":"https://mui-treasury.com/r/collapsible.json"},{"name":"collapsible-icon","title":"Collapsible Icon","description":"A collapsible-icon demo.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/collapsible-icon.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/collapsible-icon.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/dashboard-sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/dashboard-sidebar.json","copy_url":"https://mui-treasury.com/r/dashboard-sidebar.json"},{"name":"data-metrics","title":"Data Metrics","description":"A data-metrics block.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/data-metrics.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/data-metrics.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/dropzone-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/dropzone-01.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-apex.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-apex.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-basic.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-basic.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-beats.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-beats.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-blog.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-blog.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-chatz.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-chatz.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-n01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n01.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-n02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n02.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-n03.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n03.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/info-n04.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n04.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/keycap-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/keycap-01.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/layout-core.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-core.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/login-form.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/login-form.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/members-metric.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/members-metric.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/menubar-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/menubar-01.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/meter-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/meter-01.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/mui-treasury.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/number-input.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/number-input.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/popup-menu.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/popup-menu.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/preference-settings.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/preference-settings.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/product-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/product-card.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/product-card2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/product-card2.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/shared.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/shared.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sidebar-group.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-group.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sidebar-menus.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-menus.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sidebar-navigation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-navigation.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sidebar-text.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-text.json","copy_url":"https://mui-treasury.com/r/sidebar-text.json"},{"name":"sidebar-tooltip","title":"Tooltip","description":"Tooltips for icon-only collapsed sidebar items.","type":"registry:item","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"],"source_url":"https://mui-treasury.com/r/sidebar-tooltip.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-tooltip.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sonner.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sonner.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/sonner2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sonner2.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/space-login.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/space-login.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-01.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-02.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-apple.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-apple.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-chrome.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-chrome.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-contained.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-contained.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-elevated.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-elevated.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-firebase.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-firebase.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-instagram.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-instagram.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-pill.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-pill.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-plain.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-plain.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-serrated.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-serrated.json","copy_url":"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","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"],"source_url":"https://mui-treasury.com/r/tabs-twitter.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-twitter.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"labels":["recently-updated"],"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.vercel.app/registry/motokoui","markdown":"https://sh4dcn.vercel.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":3,"open_issues":0,"last_commit":"2026-07-26T08:37:53Z"},"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":10,"components":[{"name":"button","title":"Button","description":"A polished button with primary, secondary, and semantic variants.","type":"registry:ui","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/button.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/button.json","copy_url":"https://www.motokoui.com/r/button.json"},{"name":"rainbow-button","title":"Rainbow Button","description":"A black (white in dark mode) button with an animated rainbow border.","type":"registry:ui","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/rainbow-button.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/rainbow-button.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/input.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/input.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/select.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/select.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/modal.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/modal.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/tabs.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/accordion.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/tooltip.json","copy_url":"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","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/notch.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/notch.json","copy_url":"https://www.motokoui.com/r/notch.json"},{"name":"theme-switcher","title":"Theme Switcher","description":"Lightweight light/dark control — icon, toggle, and segmented variants with smooth CSS motion.","type":"registry:ui","tags":["blocks","buttons","forms","navigation","overlays","theming"],"categories":["Forms"],"source_url":"https://www.motokoui.com/r/theme-switcher.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/theme-switcher.json","copy_url":"https://www.motokoui.com/r/theme-switcher.json"}]},{"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","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"labels":["pro","recently-updated"],"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.vercel.app/registry/navui","markdown":"https://sh4dcn.vercel.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/icon.svg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.navdeepsingh.dev/blocks/pricing"},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-07-26T21:12:28Z"},"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":55,"components":[{"name":"brand-logo","title":"Brand Logo","description":"Shared brand mark used across auth and marketing blocks.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/brand-logo.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/brand-logo.json","copy_url":"https://ui.navdeepsingh.dev/r/brand-logo.json"},{"name":"forgot-password-one","title":"Forgot Password One","description":"Forgot Password One — Forgot Password block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/forgot-password-one.json"},{"name":"forgot-password-three","title":"Forgot Password Three","description":"Forgot Password Three — Forgot Password block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/forgot-password-three.json"},{"name":"forgot-password-two","title":"Forgot Password Two","description":"Forgot Password Two — Forgot Password block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/forgot-password-two.json"},{"name":"sign-up-one","title":"Sign Up One","description":"Sign Up One — Sign Up block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/sign-up-one.json"},{"name":"sign-up-two","title":"Sign Up Two","description":"Sign Up Two — Sign Up block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/sign-up-two.json"},{"name":"footer-section-one","title":"Footer Section One","description":"Footer Section One — Footer block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/footer-section-one.json"},{"name":"footer-section-two","title":"Footer Section Two","description":"Footer Section Two — Footer block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/footer-section-two.json"},{"name":"header-one","title":"Header One","description":"Header One — Header block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/header-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-one.json","copy_url":"https://ui.navdeepsingh.dev/r/header-one.json"},{"name":"header-two","title":"Header Two","description":"Header Two — Header block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/header-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-two.json","copy_url":"https://ui.navdeepsingh.dev/r/header-two.json"},{"name":"header-three","title":"Header Three","description":"Header Three — Header block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/header-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-three.json","copy_url":"https://ui.navdeepsingh.dev/r/header-three.json"},{"name":"header-four","title":"Header Four","description":"Header Four — Responsive header with animated navigation menus.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/header-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-four.json","copy_url":"https://ui.navdeepsingh.dev/r/header-four.json"},{"name":"hero-section-four","title":"Hero Section Four","description":"Hero Section Four — Hero Section block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/hero-section-four.json"},{"name":"hero-section-one","title":"Hero Section One","description":"Hero Section One — Hero Section block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/hero-section-one.json"},{"name":"hero-section-three","title":"Hero Section Three","description":"Hero Section Three — Hero Section block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/hero-section-three.json"},{"name":"hero-section-two","title":"Hero Section Two","description":"Hero Section Two — Hero Section block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/hero-section-two.json"},{"name":"logo-cloud-one","title":"Logo Cloud One","description":"Logo Cloud One — Logo Cloud block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/logo-cloud-one.json"},{"name":"logo-cloud-three","title":"Logo Cloud Three","description":"Logo Cloud Three — Logo Cloud block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/logo-cloud-three.json"},{"name":"logo-cloud-two","title":"Logo Cloud Two","description":"Logo Cloud Two — Logo Cloud block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/logo-cloud-two.json"},{"name":"logo-cloud-four","title":"Logo Cloud Four","description":"Logo Cloud Four — Logo Cloud block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/logo-cloud-four.json"},{"name":"logo-cloud-five","title":"Logo Cloud Five","description":"Logo Cloud Five — Logo Cloud block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/logo-cloud-five.json"},{"name":"teams-section-five","title":"Teams Section Five","description":"Teams Section Five — Teams block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/teams-section-five.json"},{"name":"teams-section-four","title":"Teams Section Four","description":"Teams Section Four — Teams block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/teams-section-four.json"},{"name":"teams-section-one","title":"Teams Section One","description":"Teams Section One — Teams block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/teams-section-one.json"},{"name":"teams-section-three","title":"Teams Section Three","description":"Teams Section Three — Teams block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/teams-section-three.json"},{"name":"teams-section-two","title":"Teams Section Two","description":"Teams Section Two — Teams block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/teams-section-two.json"},{"name":"testamonial-section-one","title":"Testamonial Section One","description":"Testamonial Section One — Testamonials block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/testamonial-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/testamonial-section-one.json","copy_url":"https://ui.navdeepsingh.dev/r/testamonial-section-one.json"},{"name":"faq-section-one","title":"FAQ Section One","description":"FAQ Section One — FAQs block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/faq-section-one.json"},{"name":"faqs-section-two","title":"FAQs Section Two","description":"FAQs Section Two — FAQs block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/faqs-section-two.json"},{"name":"faq-section-three","title":"FAQ Section Three","description":"FAQ Section Three — FAQs block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/faq-section-three.json"},{"name":"contact-section-one","title":"Contact Section One","description":"Contact Section One — Contact block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/contact-section-one.json"},{"name":"contact-section-two","title":"Contact Section Two","description":"Contact Section Two — Contact block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/contact-section-two.json"},{"name":"contact-section-three","title":"Contact Section Three","description":"Contact Section Three — Contact block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/contact-section-three.json"},{"name":"contact-section-four","title":"Contact Section Four","description":"Contact Section Four — Contact block.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/contact-section-four.json"},{"name":"feature-section-one","title":"Feature Section One","description":"Interactive product features list with hover-activated row spotlight and motion transitions.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/feature-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/feature-section-one.json","copy_url":"https://ui.navdeepsingh.dev/r/feature-section-one.json"},{"name":"project-gallery-one","title":"Project Gallery One","description":"A horizontally scrollable project gallery with an accessible image viewer and keyboard navigation.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/project-gallery-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/project-gallery-one.json","copy_url":"https://ui.navdeepsingh.dev/r/project-gallery-one.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/stats-section-one.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/pricing-section-one.json"},{"name":"process-section-one","title":"Process Section One","description":"A service delivery section with typed process steps and a reusable project pipeline illustration.","type":"registry:block","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/process-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/process-section-one.json","copy_url":"https://ui.navdeepsingh.dev/r/process-section-one.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"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","copy_url":"https://ui.navdeepsingh.dev/r/cta-section-one.json"},{"name":"payment-card","title":"Payment Card Illustration","description":"A motion-ready payment card illustration.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/payment-card.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/payment-card.json","copy_url":"https://ui.navdeepsingh.dev/r/payment-card.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/workflow-desk.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/workflow-desk.json","copy_url":"https://ui.navdeepsingh.dev/r/workflow-desk.json"},{"name":"receipt-panel","title":"Receipt Panel Illustration","description":"A receipt capture panel illustration.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/receipt-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/receipt-panel.json","copy_url":"https://ui.navdeepsingh.dev/r/receipt-panel.json"},{"name":"matching-panel","title":"Matching Panel Illustration","description":"A policy matching panel illustration.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/matching-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/matching-panel.json","copy_url":"https://ui.navdeepsingh.dev/r/matching-panel.json"},{"name":"report-panel","title":"Report Panel Illustration","description":"A report fetching panel illustration.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/report-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/report-panel.json","copy_url":"https://ui.navdeepsingh.dev/r/report-panel.json"},{"name":"approval-panel","title":"Approval Panel Illustration","description":"An approval routing panel illustration.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/approval-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/approval-panel.json","copy_url":"https://ui.navdeepsingh.dev/r/approval-panel.json"},{"name":"delivery-pipeline","title":"Delivery Pipeline Illustration","description":"A responsive three-stage project delivery illustration for service and product workflows.","type":"registry:component","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/delivery-pipeline.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/delivery-pipeline.json","copy_url":"https://ui.navdeepsingh.dev/r/delivery-pipeline.json"},{"name":"animated-group","title":"Animated Group","description":"Motion-powered staggered animation container.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/animated-group.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-group.json","copy_url":"https://ui.navdeepsingh.dev/r/animated-group.json"},{"name":"text-effect","title":"Text Effect","description":"Motion-based per-character / per-word text animation.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/text-effect.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/text-effect.json","copy_url":"https://ui.navdeepsingh.dev/r/text-effect.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/segment-spotlight.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/segment-spotlight.json","copy_url":"https://ui.navdeepsingh.dev/r/segment-spotlight.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A shadcn-compatible button that subtly follows the cursor using spring-based motion.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/magnetic-button.json","copy_url":"https://ui.navdeepsingh.dev/r/magnetic-button.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"A tab component with a moving active pill and directional content transitions.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-tabs.json","copy_url":"https://ui.navdeepsingh.dev/r/animated-tabs.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/expandable-card.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/expandable-card.json","copy_url":"https://ui.navdeepsingh.dev/r/expandable-card.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","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/rail-nav.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/rail-nav.json","copy_url":"https://ui.navdeepsingh.dev/r/rail-nav.json"},{"name":"animated-numbers","title":"Animated Numbers","description":"Accessible in-view number counter with locale-aware formatting and reduced-motion support.","type":"registry:ui","tags":["animation","auth","blocks","buttons","cards","icons","marketing","media","navigation","payments","pro-available"],"categories":["Animated components"],"source_url":"https://ui.navdeepsingh.dev/r/animated-numbers.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-numbers.json","copy_url":"https://ui.navdeepsingh.dev/r/animated-numbers.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.vercel.app/registry/ncdai","markdown":"https://sh4dcn.vercel.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":2110,"open_issues":2,"last_commit":"2026-07-08T02:43:33Z"},"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":62,"components":[{"name":"haptic","title":"Haptic Feedback","description":"Trigger haptic feedback on mobile devices.","type":"registry:lib","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"],"source_url":"https://chanhdai.com/r/haptic.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/haptic.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/use-sound.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/use-sound.json","copy_url":"https://chanhdai.com/r/use-sound.json"},{"name":"use-controllable-state","title":"useControllableState","description":null,"type":"registry:hook","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"],"source_url":"https://chanhdai.com/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/use-controllable-state.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/theme-switcher.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-switcher.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/text-flip.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/text-flip.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/apple-hello-effect.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-hello-effect.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://chanhdai.com/r/apple-hello-effect-vietnamese.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","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"],"source_url":"https://chanhdai.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/wheel-picker.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/typography.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/typography.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/work-experience.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/work-experience.json","copy_url":"https://chanhdai.com/r/work-experience.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Smooth, light-sweeping shimmer animation for text.","type":"registry:component","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"],"source_url":"https://chanhdai.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/shimmering-text.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/slide-to-unlock.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/slide-to-unlock.json","copy_url":"https://chanhdai.com/r/slide-to-unlock.json"},{"name":"testimonials-marquee","title":"Testimonials Marquee","description":"Scrolling marquee to showcase user testimonials.","type":"registry:component","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"],"source_url":"https://chanhdai.com/r/testimonials-marquee.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-marquee.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/testimonial.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/github-stars.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/github-stars.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/scroll-fade-effect.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/scroll-fade-effect.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/consent-manager.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/consent-manager.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/copy-button.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/copy-button.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/code-block-command.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/code-block-command.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/testimonial-spotlight.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial-spotlight.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/glow-card-grid.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/glow-card-grid.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/middle-truncation.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/middle-truncation.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/twemoji.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/twemoji.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/elastic-slider.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/contribution-graph.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/github-contributions.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/github-contributions.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/toc-minimap.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/toc-minimap.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/fluid-gradient-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/fluid-gradient-text.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/brand-assets-menu.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/brand-assets-menu.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/icon-swap.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/icon-swap.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/dot-grid-spotlight.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/dot-grid-spotlight.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/spinning-circular-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/spinning-circular-text.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/mobius-loop-icon.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/mobius-loop-icon.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/logos-carousel.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/logos-carousel.json","copy_url":"https://chanhdai.com/r/logos-carousel.json"},{"name":"testimonial-2","title":"Testimonial 2","description":"Display a testimonial quote with author attribution and source link.","type":"registry:component","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"],"source_url":"https://chanhdai.com/r/testimonial-2.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial-2.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/line-nav.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/line-nav.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/share-menu.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/share-menu.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/spotlight-logo.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/spotlight-logo.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/timescale.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/timescale.json","copy_url":"https://chanhdai.com/r/timescale.json"},{"name":"login-01","title":"Login 01","description":"A simple login form.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/login-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/login-01.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/hero-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/hero-01.json","copy_url":"https://chanhdai.com/r/hero-01.json"},{"name":"blog-01","title":"Blog 01","description":"A blog section with a grid layout.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/blog-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/blog-01.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/blog-02.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/blog-02.json","copy_url":"https://chanhdai.com/r/blog-02.json"},{"name":"testimonials-01","title":"Testimonials 01","description":"A testimonials section with dual marquees.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/testimonials-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-01.json","copy_url":"https://chanhdai.com/r/testimonials-01.json"},{"name":"testimonials-02","title":"Testimonials 02","description":"A testimonials section with a lined layout.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/testimonials-02.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-02.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/experience-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/experience-01.json","copy_url":"https://chanhdai.com/r/experience-01.json"},{"name":"team-01","title":"Team 01","description":"A team section with glowing cards.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/team-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/team-01.json","copy_url":"https://chanhdai.com/r/team-01.json"},{"name":"metrics-01","title":"Metrics 01","description":"A metrics section with a line chart.","type":"registry:block","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"],"source_url":"https://chanhdai.com/r/metrics-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/metrics-01.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/social-links-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/social-links-01.json","copy_url":"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","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"],"source_url":"https://chanhdai.com/r/social-proof-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/social-proof-01.json","copy_url":"https://chanhdai.com/r/social-proof-01.json"},{"name":"style","title":null,"description":null,"type":"registry:style","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"],"source_url":"https://chanhdai.com/r/style.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/style.json","copy_url":"https://chanhdai.com/r/style.json"},{"name":"theme-toggle-effect-triangle","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-triangle.json"},{"name":"theme-toggle-effect-triangle-blur","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-triangle-blur.json"},{"name":"theme-toggle-effect-circle","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-circle.json"},{"name":"theme-toggle-effect-circle-blur","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"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","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-circle-blur-top-left.json"},{"name":"theme-toggle-effect-polygon","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-polygon.json"},{"name":"theme-toggle-effect-polygon-gradient","title":null,"description":null,"type":"registry:style","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"],"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","copy_url":"https://chanhdai.com/r/theme-toggle-effect-polygon-gradient.json"},{"name":"thin-scrollbar","title":null,"description":null,"type":"registry:style","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"],"source_url":"https://chanhdai.com/r/thin-scrollbar.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/thin-scrollbar.json","copy_url":"https://chanhdai.com/r/thin-scrollbar.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.vercel.app/registry/neobrutalism","markdown":"https://sh4dcn.vercel.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":5243,"open_issues":11,"last_commit":"2026-05-10T01:28:00Z"},"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":"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","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://nessra-ui.vercel.app","github":"https://github.com/codewithmehmet/nessra-ui","registry":"https://nessra-ui.vercel.app/r/registry.json","source":"https://nessra-ui.vercel.app/r/registry.json","page":"https://sh4dcn.vercel.app/registry/nessra-ui","markdown":"https://sh4dcn.vercel.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-05-01T07:36:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nessra-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://nessra-ui.vercel.app/r/registry.json","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/registry.json"},"component_count":62,"components":[{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/utils.json","copy_url":"https://nessra-ui.vercel.app/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/use-mobile.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/use-mobile.json","copy_url":"https://nessra-ui.vercel.app/r/use-mobile.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/button.json","copy_url":"https://nessra-ui.vercel.app/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/card.json","copy_url":"https://nessra-ui.vercel.app/r/card.json"},{"name":"input","title":"Input","description":"Displays a form input field.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/input.json","copy_url":"https://nessra-ui.vercel.app/r/input.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/label.json","copy_url":"https://nessra-ui.vercel.app/r/label.json"},{"name":"form","title":"Form","description":"Form field components for building accessible forms with TanStack Form.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/form.json","copy_url":"https://nessra-ui.vercel.app/r/form.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/textarea.json","copy_url":"https://nessra-ui.vercel.app/r/textarea.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/select.json","copy_url":"https://nessra-ui.vercel.app/r/select.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/checkbox.json","copy_url":"https://nessra-ui.vercel.app/r/checkbox.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between on and off.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/switch.json","copy_url":"https://nessra-ui.vercel.app/r/switch.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on the primary window.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/dialog.json","copy_url":"https://nessra-ui.vercel.app/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/alert-dialog.json","copy_url":"https://nessra-ui.vercel.app/r/alert-dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user with a list of actions or options.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/dropdown-menu.json","copy_url":"https://nessra-ui.vercel.app/r/dropdown-menu.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content, known as tab panels.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/tabs.json","copy_url":"https://nessra-ui.vercel.app/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/accordion.json","copy_url":"https://nessra-ui.vercel.app/r/accordion.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/avatar.json","copy_url":"https://nessra-ui.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/badge.json","copy_url":"https://nessra-ui.vercel.app/r/badge.json"},{"name":"separator","title":"Separator","description":"Visually separates content.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/separator.json","copy_url":"https://nessra-ui.vercel.app/r/separator.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/tooltip.json","copy_url":"https://nessra-ui.vercel.app/r/tooltip.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/collapsible.json","copy_url":"https://nessra-ui.vercel.app/r/collapsible.json"},{"name":"code-block","title":"Code Block","description":"Display code with syntax highlighting powered by Shiki.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/code-block.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/code-block.json","copy_url":"https://nessra-ui.vercel.app/r/code-block.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/alert.json","copy_url":"https://nessra-ui.vercel.app/r/alert.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/progress.json","copy_url":"https://nessra-ui.vercel.app/r/progress.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/sheet.json","copy_url":"https://nessra-ui.vercel.app/r/sheet.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sonner.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/sonner.json","copy_url":"https://nessra-ui.vercel.app/r/sonner.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/popover.json","copy_url":"https://nessra-ui.vercel.app/r/popover.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/skeleton.json","copy_url":"https://nessra-ui.vercel.app/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/slider.json","copy_url":"https://nessra-ui.vercel.app/r/slider.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/scroll-area.json","copy_url":"https://nessra-ui.vercel.app/r/scroll-area.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","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/radio-group.json","copy_url":"https://nessra-ui.vercel.app/r/radio-group.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/toggle.json","copy_url":"https://nessra-ui.vercel.app/r/toggle.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/aspect-ratio.json","copy_url":"https://nessra-ui.vercel.app/r/aspect-ratio.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/hover-card.json","copy_url":"https://nessra-ui.vercel.app/r/hover-card.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/breadcrumb.json","copy_url":"https://nessra-ui.vercel.app/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/pagination.json","copy_url":"https://nessra-ui.vercel.app/r/pagination.json"},{"name":"table","title":"Table","description":"A responsive table component for displaying data.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/table.json","copy_url":"https://nessra-ui.vercel.app/r/table.json"},{"name":"tag-input","title":"Tag Input","description":"An input for entering multiple tags with keyboard support.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tag-input.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/tag-input.json","copy_url":"https://nessra-ui.vercel.app/r/tag-input.json"},{"name":"command","title":"Command","description":"A command menu with search and keyboard navigation.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/command.json","copy_url":"https://nessra-ui.vercel.app/r/command.json"},{"name":"copy-button","title":"Copy Button","description":"A button that copies text to the clipboard with visual feedback.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/copy-button.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/copy-button.json","copy_url":"https://nessra-ui.vercel.app/r/copy-button.json"},{"name":"drawer","title":"Drawer","description":"A drawer component for mobile-friendly navigation and content.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/drawer.json","copy_url":"https://nessra-ui.vercel.app/r/drawer.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/calendar.json","copy_url":"https://nessra-ui.vercel.app/r/calendar.json"},{"name":"date-picker","title":"Date Picker","description":"A date picker component with range and presets.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/date-picker.json","copy_url":"https://nessra-ui.vercel.app/r/date-picker.json"},{"name":"data-table","title":"Data Table","description":"A powerful data table with sorting, filtering, pagination, row selection and faceted filters.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/data-table.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/data-table.json","copy_url":"https://nessra-ui.vercel.app/r/data-table.json"},{"name":"spinner","title":"Spinner","description":"A loading indicator for asynchronous operations.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/spinner.json","copy_url":"https://nessra-ui.vercel.app/r/spinner.json"},{"name":"empty","title":"Empty","description":"Display an empty state when no data is available.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/empty.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/empty.json","copy_url":"https://nessra-ui.vercel.app/r/empty.json"},{"name":"typography","title":"Typography","description":"Styled text components for headings, paragraphs, lists, and more.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/typography.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/typography.json","copy_url":"https://nessra-ui.vercel.app/r/typography.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/toggle-group.json","copy_url":"https://nessra-ui.vercel.app/r/toggle-group.json"},{"name":"button-group","title":"Button Group","description":"Groups related buttons together with consistent styling.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/button-group.json","copy_url":"https://nessra-ui.vercel.app/r/button-group.json"},{"name":"field","title":"Field","description":"Combine labels, controls, and help text to compose accessible form fields.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/field.json","copy_url":"https://nessra-ui.vercel.app/r/field.json"},{"name":"input-group","title":"Input Group","description":"Add addons, buttons, and helper content to inputs.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/input-group.json","copy_url":"https://nessra-ui.vercel.app/r/input-group.json"},{"name":"combobox","title":"Combobox","description":"An autocomplete input with a dropdown list of suggestions.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/combobox.json","copy_url":"https://nessra-ui.vercel.app/r/combobox.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/sidebar.json","copy_url":"https://nessra-ui.vercel.app/r/sidebar.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password input with copy/paste support.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/input-otp.json","copy_url":"https://nessra-ui.vercel.app/r/input-otp.json"},{"name":"number-input","title":"Number Input","description":"A numeric input with increment and decrement buttons.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/number-input.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/number-input.json","copy_url":"https://nessra-ui.vercel.app/r/number-input.json"},{"name":"chart","title":"Chart","description":"Beautiful and responsive charts built with Recharts.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/chart.json","copy_url":"https://nessra-ui.vercel.app/r/chart.json"},{"name":"stat-card","title":"Stat Card","description":"Display key metrics and KPIs with value, label, icon and trend indicator.","type":"registry:ui","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/stat-card.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/stat-card.json","copy_url":"https://nessra-ui.vercel.app/r/stat-card.json"},{"name":"dashboard-stats","title":"Dashboard Stats","description":"A dashboard page with KPI stat cards, overview chart placeholder and recent sales list.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dashboard-stats.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/dashboard-stats.json","copy_url":"https://nessra-ui.vercel.app/r/dashboard-stats.json"},{"name":"signin-form","title":"Sign In Form","description":"A complete sign in page with email and password validation.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/signin-form.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/signin-form.json","copy_url":"https://nessra-ui.vercel.app/r/signin-form.json"},{"name":"signup-form","title":"Sign Up Form","description":"A complete signup page with name, email, password and confirmation.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/signup-form.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/signup-form.json","copy_url":"https://nessra-ui.vercel.app/r/signup-form.json"},{"name":"forgot-password-form","title":"Forgot Password Form","description":"A forgot password page with email input and success state.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/forgot-password-form.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/forgot-password-form.json","copy_url":"https://nessra-ui.vercel.app/r/forgot-password-form.json"},{"name":"reset-password-form","title":"Reset Password Form","description":"A reset password page with new password and confirmation.","type":"registry:block","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/reset-password-form.json","install_command":"npx shadcn@latest add https://nessra-ui.vercel.app/r/reset-password-form.json","copy_url":"https://nessra-ui.vercel.app/r/reset-password-form.json"}]},{"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"],"categories":["Component library (general)"],"labels":[],"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.vercel.app/registry/nexus-elements","markdown":"https://sh4dcn.vercel.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://elements.nexus.availproject.org/og?title=Components&amp;description=Browse%20Avail%20Widgets%20components.%20Nexus%20Widget%20is%20the%20unified%20element%20for%20all%20swap%2C%20send%2C%20and%20deposit%20flows.","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/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","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","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.vercel.app/registry/nexus-labs","markdown":"https://sh4dcn.vercel.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&amp;description=Free+React+UI+Components+%26+Next.js+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":86,"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","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/nexus-font.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/nexus-font.json","copy_url":"https://nexus-ui.com/r/nexus-font.json"},{"name":"scroll-progress-bar","title":"Scroll Progress Bar","description":"A minimal vertical progress rail that fills smoothly as a target section moves through the viewport or a scrollable container.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/scroll-progress-bar.json"},{"name":"wheel-selector","title":"Wheel Selector","description":"An interactive radial navigation dial for services, features, or portfolio items with drag, wheel, and click input plus a responsive mobile arch.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/wheel-selector.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/wheel-selector.json","copy_url":"https://nexus-ui.com/r/wheel-selector.json"},{"name":"cinematic-card-deck","title":"Cinematic Card Deck","description":"A scroll-linked 3D card stack with depth, ambient glow, progress dots, cursor parallax, and optional image-backed cards.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/cinematic-card-deck.json"},{"name":"cursor-text-reveal","title":"Cursor Text Reveal","description":"An immersive cursor-following spotlight that reveals alternate text, gradients, or imagery beneath perfectly aligned headline layers.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/cursor-text-reveal.json"},{"name":"cinematic-logo-cloud","title":"Cinematic Logo Cloud","description":"A staggered blur-fade entrance animation for brand logos. Uses framer-motion and fully semantic responsive layouts.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/cinematic-logo-cloud.json"},{"name":"step-flow","title":"Step Flow","description":"A responsive four-step process section with a sliding highlight, animated image swaps, and hover or click step selection.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/step-flow.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/step-flow.json","copy_url":"https://nexus-ui.com/r/step-flow.json"},{"name":"phone-input","title":"Phone Input","description":"A modern animated phone number input with country selector and validation.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/phone-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/phone-input.json","copy_url":"https://nexus-ui.com/r/phone-input.json"},{"name":"hero-aurora-spotlight","title":"Aurora Hero Spotlight","description":"Cursor-reactive spotlight layered over an aurora field for launch heroes.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/hero-aurora-spotlight.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/hero-aurora-spotlight.json","copy_url":"https://nexus-ui.com/r/hero-aurora-spotlight.json"},{"name":"bento-signal-grid","title":"Signal Bento Grid","description":"Animated bento tiles with breathing gradients for product metrics.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/bento-signal-grid.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/bento-signal-grid.json","copy_url":"https://nexus-ui.com/r/bento-signal-grid.json"},{"name":"nebula-glass-card","title":"Nebula Glass Card","description":"3D tilt card with spring physics and luminous edge lighting.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/nebula-glass-card.json"},{"name":"float-glass-navbar","title":"Float Glass Navbar","description":"Glass navigation rail with spring entrance and CTA emphasis.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/float-glass-navbar.json"},{"name":"orbit-footer","title":"Orbit Footer","description":"Compact footer with balanced columns and developer-first links.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/orbit-footer.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/orbit-footer.json","copy_url":"https://nexus-ui.com/r/orbit-footer.json"},{"name":"depth-testimonials","title":"Depth Testimonials","description":"Stacked testimonial planes with staggered motion reveals.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/depth-testimonials.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/depth-testimonials.json","copy_url":"https://nexus-ui.com/r/depth-testimonials.json"},{"name":"toggle-pricing-pro","title":"Toggle Pricing","description":"Annual/monthly toggle with spring knob and contextual savings callout.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/toggle-pricing-pro.json"},{"name":"beam-sweep-field","title":"Beam Sweep Field","description":"Slow sweeping light column for cinematic section backgrounds.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/beam-sweep-field.json"},{"name":"vector-tilt-scene","title":"Vector Tilt Scene","description":"High depth glass panel for hero cards and feature highlights.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/vector-tilt-scene.json"},{"name":"glass-login-stack","title":"Glass Login Stack","description":"Minimal glass authentication panel with crisp focus states.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/glass-login-stack.json"},{"name":"split-signup-convert","title":"Split Signup Convert","description":"Two-column signup with narrative panel and compact fields.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/split-signup-convert.json"},{"name":"signup-form","title":"Signup Form","description":"Customizable signup form built on shadcn input + label with subtle framer-motion transitions and async submit states.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/signup-form.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/signup-form.json","copy_url":"https://nexus-ui.com/r/signup-form.json"},{"name":"workbench-sidebar","title":"Workbench Sidebar","description":"Dense sidebar navigation tuned for dashboards and tools.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/workbench-sidebar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/workbench-sidebar.json","copy_url":"https://nexus-ui.com/r/workbench-sidebar.json"},{"name":"pulse-dashboard-kpis","title":"Pulse Dashboard KPIs","description":"KPI strip with micro-hover lifts and soft chart placeholders.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/pulse-dashboard-kpis.json"},{"name":"orbital-loader","title":"Orbital Loader","description":"Dual counter-rotating rings with breathing inner glow.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/orbital-loader.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/orbital-loader.json","copy_url":"https://nexus-ui.com/r/orbital-loader.json"},{"name":"milestone-timeline","title":"Milestone Timeline","description":"Vertical roadmap timeline with glowing nodes.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/milestone-timeline.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/milestone-timeline.json","copy_url":"https://nexus-ui.com/r/milestone-timeline.json"},{"name":"lattice-feature-grid","title":"Lattice Feature Grid","description":"Four-up feature grid with scroll reveals and glass tiles.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/lattice-feature-grid.json"},{"name":"motion-faq-disclosure","title":"Motion FAQ Disclosure","description":"Lightweight FAQ with directional affordance and animated answers.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/motion-faq-disclosure.json"},{"name":"nebula-cta-glow","title":"Nebula CTA Glow","description":"Pulsing dual nebula glow behind a high-contrast CTA.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/nebula-cta-glow.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/nebula-cta-glow.json","copy_url":"https://nexus-ui.com/r/nebula-cta-glow.json"},{"name":"glow-button","title":"Glow Button","description":"Framer-style glowing CTA button with expanding shadow, radial border sweep, glass edge, and animated arrow.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/glow-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/glow-button.json","copy_url":"https://nexus-ui.com/r/glow-button.json"},{"name":"word-magnet","title":"Word Magnet","description":"Cursor-reactive text where whole words gently repel from the pointer and spring back without splitting letters.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/word-magnet.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/word-magnet.json","copy_url":"https://nexus-ui.com/r/word-magnet.json"},{"name":"three-d-folder","title":"3D Folder Card","description":"Interactive folder card that opens on hover, fans project cards upward, and includes a lightbox gallery for visual collections.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/three-d-folder.json"},{"name":"draggable-card-stack","title":"Draggable Card Stack","description":"Shuffled deck of portrait cards on a dark surface. Drag or fling the top card to send it to the back; press ← to pull the bottom card to the front. Supports im…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/draggable-card-stack.json"},{"name":"card-carousel-3d","title":"3D Card Carousel","description":"Cylindrical 3D card carousel — cards arranged in a circle on the Z axis, rotating continuously or on scroll. Radius, perspective, item size, speed, and directi…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/card-carousel-3d.json"},{"name":"real-time-cursors","title":"Real-Time Cursors","description":"Collaborative workspace preview with animated teammate cursors, code review cards, and simulated live presence trails.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/real-time-cursors.json"},{"name":"editorial-blog-rail","title":"Editorial Blog Rail","description":"Featured article plus compact secondary headlines for content hubs.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/editorial-blog-rail.json"},{"name":"split-contact-glass","title":"Split Contact Glass","description":"Marketing narrative paired with a compact contact capture form.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/split-contact-glass.json"},{"name":"svg-noise-shader","title":"SVG Noise Shader","description":"FeTurbulence-driven noise field for textured sci-fi surfaces.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/svg-noise-shader.json"},{"name":"tracing-spotlight-panel","title":"Tracing Spotlight Panel","description":"Cursor-traced highlight for feature callouts and pricing tiers.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/tracing-spotlight-panel.json"},{"name":"forge-ai-command-bar","title":"Forge AI Command Bar","description":"Command surface for AI copilots with motion layout container.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/forge-ai-command-bar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/forge-ai-command-bar.json","copy_url":"https://nexus-ui.com/r/forge-ai-command-bar.json"},{"name":"gooey-input","title":"Gooey Search Input","description":"Expandable pill search with a detached icon bubble merged through an SVG goo filter and spring layout.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/gooey-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/gooey-input.json","copy_url":"https://nexus-ui.com/r/gooey-input.json"},{"name":"terminal","title":"Interactive Terminal","description":"macOS-style terminal window with typewriter commands, cursor blink, output sequencing, and optional sound.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/terminal.json","copy_url":"https://nexus-ui.com/r/terminal.json"},{"name":"squiggly-text","title":"RippleLine squiggly text","description":"Hero-grade headline with an animated wave underline, turbulence + Gaussian blur + displacement, optional glyph micro-warp, and reduced-motion fallbacks.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/squiggly-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/squiggly-text.json","copy_url":"https://nexus-ui.com/r/squiggly-text.json"},{"name":"floating-dock","title":"Nexus floating dock","description":"Bottom-centered macOS-style dock with pointer-driven magnification, neighbor scaling, glass pill chrome, tooltips, and a touch-friendly expandable mobile menu.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/floating-dock.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/floating-dock.json","copy_url":"https://nexus-ui.com/r/floating-dock.json"},{"name":"stateful-button","title":"Stateful message button","description":"Animated async button with idle → loading → success transitions, built-in click guarding, and smooth icon/text motion.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/stateful-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/stateful-button.json","copy_url":"https://nexus-ui.com/r/stateful-button.json"},{"name":"sparkles","title":"Sparkles field","description":"Configurable animated particle field for hero highlights, card backgrounds, and decorative UI layers with optional pointer interaction.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/sparkles.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/sparkles.json","copy_url":"https://nexus-ui.com/r/sparkles.json"},{"name":"text-generate-effect","title":"Text Generate Effect","description":"Animated text reveal that fades words, characters, or lines into view with optional blur and upward motion.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/text-generate-effect.json"},{"name":"background-gradient","title":"Background Gradient","description":"Animated gradient wrapper with soft glow and blur for cards, buttons, and hero sections.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/background-gradient.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/background-gradient.json","copy_url":"https://nexus-ui.com/r/background-gradient.json"},{"name":"typewriter-effect","title":"Typewriter Effect","description":"Character-by-character typewriter text animation with blinking cursor, optional deleting, looping, and semantic heading support.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/typewriter-effect.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/typewriter-effect.json","copy_url":"https://nexus-ui.com/r/typewriter-effect.json"},{"name":"text-reveal-card","title":"Text Reveal Card","description":"Interactive spotlight card with mouse-follow glow and bottom reveal content for features, case studies, and portfolio sections.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/text-reveal-card.json"},{"name":"glowing-effect-cards","title":"Glowing Effect Cards","description":"Cursor-reactive glowing border cards with a responsive 2-1-2 layout for refined SaaS sections and dashboards.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/glowing-effect-cards.json"},{"name":"infinite-moving-cards","title":"Infinite Moving Cards","description":"Customizable infinite marquee of cards with seamless looping, direction controls, hover pause, and optional custom rendering.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/infinite-moving-cards.json"},{"name":"meteors","title":"Meteor Effect","description":"Animated diagonal meteor beams with glow heads and trailing streaks, designed as a reusable background layer for cards and hero sections.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/meteors.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/meteors.json","copy_url":"https://nexus-ui.com/r/meteors.json"},{"name":"background-boxes","title":"Background Boxes","description":"Animated isometric grid background with hover color effects and cross markers. Fully configurable skew, scale, box dimensions, and colors.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/background-boxes.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/background-boxes.json","copy_url":"https://nexus-ui.com/r/background-boxes.json"},{"name":"encrypted-text","title":"Encrypted Text","description":"Characters shuffle through gibberish before locking into the final string — a futuristic cyber decoding reveal for hero headings, buttons, badges, and nav link…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/encrypted-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/encrypted-text.json","copy_url":"https://nexus-ui.com/r/encrypted-text.json"},{"name":"mac-keyboard","title":"Mac Keyboard","description":"Fully interactive Mac-style keyboard with Web Audio synthesised click sounds, Framer Motion keycap animations, and real-time physical keyboard highlighting.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/mac-keyboard.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/mac-keyboard.json","copy_url":"https://nexus-ui.com/r/mac-keyboard.json"},{"name":"images-badge","title":"Images Badge","description":"Stacked avatar/image pill that fans open on hover — ideal for team badges, social proof, avatar groups, and template galleries.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/images-badge.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/images-badge.json","copy_url":"https://nexus-ui.com/r/images-badge.json"},{"name":"dot-grid-hero","title":"Interactive Dot Grid Hero","description":"Cinematic hero section with a Canvas-rendered dot grid that reacts to cursor proximity — dots scale, brighten, and return to rest with a smooth radial glow spo…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/dot-grid-hero.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/dot-grid-hero.json","copy_url":"https://nexus-ui.com/r/dot-grid-hero.json"},{"name":"starfield-hero","title":"Interactive Starfield Hero","description":"Dark hero section with a cursor-reactive starfield. Hundreds of glowing particles stretch, brighten, and rotate toward the cursor — built on Canvas + requestAn…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/starfield-hero.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/starfield-hero.json","copy_url":"https://nexus-ui.com/r/starfield-hero.json"},{"name":"compare","title":"Before / After Compare","description":"Drag a vertical handle to compare two images side-by-side. Supports mouse and touch, optional labels, custom start position, and any aspect ratio.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/compare.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/compare.json","copy_url":"https://nexus-ui.com/r/compare.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"Responsive card grid where clicking a card smoothly expands it into a full-detail overlay with image, description, and a CTA button.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/expandable-cards.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/expandable-cards.json","copy_url":"https://nexus-ui.com/r/expandable-cards.json"},{"name":"animated-select-headline","title":"Animated Select Headline","description":"A cycling word headline where each active word is highlighted with a Figma-style selection rectangle — thin border with corner handles — using blur-fade transi…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/animated-select-headline.json"},{"name":"warp-speed-card","title":"Warp Speed Card","description":"A focused warp-speed effect — hover a single phrase to reveal a dark space scene with streaking beams confined to the text's bounding box. The text itself stay…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/warp-speed-card.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/warp-speed-card.json","copy_url":"https://nexus-ui.com/r/warp-speed-card.json"},{"name":"circular-carousel","title":"Circular Carousel","description":"An animated orbital carousel with smooth active-card transitions.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/circular-carousel.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/circular-carousel.json","copy_url":"https://nexus-ui.com/r/circular-carousel.json"},{"name":"chat-messages","title":"Chat Messages","description":"Animated chat message bubbles with typing indicators and sequential reveal.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/chat-messages.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/chat-messages.json","copy_url":"https://nexus-ui.com/r/chat-messages.json"},{"name":"shader-flow","title":"Shader Flow","description":"A soft animated shader-style background with flowing gradient motion.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/shader-flow.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/shader-flow.json","copy_url":"https://nexus-ui.com/r/shader-flow.json"},{"name":"ask-nexus-input","title":"Ask Nexus Input","description":"A bold \\","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/ask-nexus-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/ask-nexus-input.json","copy_url":"https://nexus-ui.com/r/ask-nexus-input.json"},{"name":"interactive-globe-explorer","title":"Interactive Globe Explorer","description":"Scrollable office/location explorer with a live React Globe, synchronized city list, clickable map pins, responsive details popover, and one-click address/emai…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/interactive-globe-explorer.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/interactive-globe-explorer.json","copy_url":"https://nexus-ui.com/r/interactive-globe-explorer.json"},{"name":"scroll-reveal-text","title":"Scroll Reveal Text","description":"Scroll-linked text reveal where words, characters, or lines emerge from muted gray to bright white with optional blur dissolve and staggered cascade.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"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.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/animated-countdown.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/animated-countdown.json","copy_url":"https://nexus-ui.com/r/animated-countdown.json"},{"name":"shooting-stars-grid","title":"Shooting Stars Grid","description":"Animated dot grid with diagonal shooting star streaks and glowing nodes. A dramatic yet subtle background for hero sections and feature blocks.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/shooting-stars-grid.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/shooting-stars-grid.json","copy_url":"https://nexus-ui.com/r/shooting-stars-grid.json"},{"name":"hover-highlight-text","title":"Hover Highlight Text","description":"Cursor-tracked SVG spotlight that reveals outlined text beneath a base layer. Smooth spring physics follow the mouse for a cinematic hover effect.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/hover-highlight-text.json"},{"name":"motion-layer-scroller","title":"Motion Layer Scroller","description":"Scroll-driven parallax depth engine — each layer moves at an independent speed and axis as the user scrolls. Compose scenes with overlapping planes.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/motion-layer-scroller.json"},{"name":"animated-bento-grid","title":"Animated Bento Grid","description":"Feature showcase bento grid with entrance animations and configurable column spans. Each tile supports custom content, tags, and motion entrance delays.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/animated-bento-grid.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/animated-bento-grid.json","copy_url":"https://nexus-ui.com/r/animated-bento-grid.json"},{"name":"bento-grid-skeleton","title":"Bento Grid Skeleton","description":"Bento grid with animated skeleton placeholder tiles — chat, dashboard, avatar, workflow, calendar, and code variants. Perfect for loading states.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/bento-grid-skeleton.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/bento-grid-skeleton.json","copy_url":"https://nexus-ui.com/r/bento-grid-skeleton.json"},{"name":"scrolling-testimonials","title":"Scrolling Testimonials","description":"Infinite vertical scroll testimonial wall with multi-column layout, independent column speeds, reverse direction support, gradient fade masks, and avatar initi…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/scrolling-testimonials.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/scrolling-testimonials.json","copy_url":"https://nexus-ui.com/r/scrolling-testimonials.json"},{"name":"spectra-frame","title":"Spectra Frame","description":"Zero-dependency interactive image grid — photos start in black & white and burst into full color on hover with adaptive scale. Built-in responsive columns, sco…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/spectra-frame.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/spectra-frame.json","copy_url":"https://nexus-ui.com/r/spectra-frame.json"},{"name":"profile-orbit","title":"Profile Orbit","description":"An interactive profile carousel where five floating avatars orbit a central card. Clicking any avatar, the nav arrows, or the keyboard cycles through people wi…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/profile-orbit.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/profile-orbit.json","copy_url":"https://nexus-ui.com/r/profile-orbit.json"},{"name":"command-palette","title":"Command Palette","description":"Animated command palette with ⌘K shortcut, grouped navigation/actions/theme commands, backdrop blur overlay, and Framer Motion enter/exit transitions.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/command-palette.json","copy_url":"https://nexus-ui.com/r/command-palette.json"},{"name":"image-trail","title":"Image Trail","description":"A cursor trail that cycles through a configurable image array as you move, with fade-blur transitions and an optional magnetic repulsion effect.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/image-trail.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/image-trail.json","copy_url":"https://nexus-ui.com/r/image-trail.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatar stack with per-avatar entrance animations (flip, slide, scale, bounce), four hover styles, name tooltips, and automatic color-coded fallback…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/avatar-group.json","copy_url":"https://nexus-ui.com/r/avatar-group.json"},{"name":"feature-tools-card","title":"Feature Tools Card","description":"A dark glass card with five magnetic icon slots, a rotating conic-gradient orbit ring, and 3-D tilt physics. Swap the default integration icons for any SVG or …","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/feature-tools-card.json"},{"name":"link-preview","title":"Link Preview","description":"Hover-triggered image tooltip that transforms inline text links into cinematic visual previews. Spring-animated entrance with blur, scale, mouse-tracking tilt,…","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/link-preview.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/link-preview.json","copy_url":"https://nexus-ui.com/r/link-preview.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","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/pricing-section.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/pricing-section.json","copy_url":"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 marquee, spotlight, swapping, and blur variants.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/logo-clouds.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/logo-clouds.json","copy_url":"https://nexus-ui.com/r/logo-clouds.json"},{"name":"sidebar","title":"Sidebar","description":"Simple, collapsible, and grouped animated sidebar navigation layouts.","type":"registry:component","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/sidebar.json","copy_url":"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","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/contact-page.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/contact-page.json","copy_url":"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","tags":["3d","aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"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","copy_url":"https://nexus-ui.com/r/blog-content-sections.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.vercel.app/registry/nexus-ui","markdown":"https://sh4dcn.vercel.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":112,"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat 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","copy_url":"https://nexus-ui.dev/r/prompt-input.json"},{"name":"suggestions","title":"Suggestions","description":"Prompt suggestion chips for guiding user input","type":"registry:ui","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/suggestions.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/suggestions.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/attachments.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/attachments.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/message.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/message.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/thread.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/thread.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/citation.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/citation.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/image.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/image.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/reasoning.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/toaster.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/toaster.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/tool.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/tool.json","copy_url":"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","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/questions.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/questions.json","copy_url":"https://nexus-ui.dev/r/questions.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.vercel.app/registry/nordaun","markdown":"https://sh4dcn.vercel.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":6,"open_issues":0,"last_commit":"2026-05-28T09:26:03Z"},"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/audio.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/audio.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/file.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/file.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/flag.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/flag.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/loading.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/loading.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/map.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/map.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/password.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/password.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/phone.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/phone.json","copy_url":"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","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/video.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/video.json","copy_url":"https://ui.nordaun.com/r/video.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.vercel.app/registry/nteract","markdown":"https://sh4dcn.vercel.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":140,"open_issues":25,"last_commit":"2026-07-08T05:28:27Z"},"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/ipycanvas.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/ipycanvas.json","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/all.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/all.json","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"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","copy_url":"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.vercel.app/registry/nuqs","markdown":"https://sh4dcn.vercel.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":10661,"open_issues":55,"last_commit":"2026-07-08T07:52:31Z"},"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":5,"components":[{"name":"adapter-inertia","title":"Inertia.js Adapter","description":"Using nuqs in Inertia.js apps (eg: with a Laravel backend)","type":"registry:item","tags":["components","hooks"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-inertia.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-inertia.json","copy_url":"https://nuqs.dev/r/adapter-inertia.json"},{"name":"adapter-onejs","title":"One.js Adapter","description":"Using nuqs in One.js applications.","type":"registry:item","tags":["components","hooks"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-onejs.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-onejs.json","copy_url":"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","tags":["components","hooks"],"categories":["Hooks/utilities"],"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","copy_url":"https://nuqs.dev/r/adapter-react-router-v5.json"},{"name":"adapter-waku","title":"Waku Adapter","description":"Using nuqs in ⛩️ Waku applications.","type":"registry:item","tags":["components","hooks"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-waku.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-waku.json","copy_url":"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","tags":["components","hooks"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/next-typed-links.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/next-typed-links.json","copy_url":"https://nuqs.dev/r/next-typed-links.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.vercel.app/registry/nusaiba","markdown":"https://sh4dcn.vercel.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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"source_url":"https://nusaiba.dev/r/base-nova/foundation.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/foundation.json","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"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","copy_url":"https://nusaiba.dev/r/base-nova/not-found-11.json"}]},{"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.vercel.app/registry/odysseyui","markdown":"https://sh4dcn.vercel.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":29,"open_issues":1,"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/index.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/index.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://www.odysseyui.com/r/icons-bell-ring.json"},{"name":"icons-clock","title":"Clock Icon","description":"Clock icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-clock.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-clock.json","copy_url":"https://www.odysseyui.com/r/icons-clock.json"},{"name":"icons-disc-3","title":"Disc 3 Icon","description":"Disc 3 icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://www.odysseyui.com/r/icons-disc-3.json"},{"name":"icons-icon","title":"Icon","description":"Base component to use animated icons.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-icon.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-icon.json","copy_url":"https://www.odysseyui.com/r/icons-icon.json"},{"name":"icons-loader","title":"Loader Icon","description":"Loader icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-loader.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-loader.json","copy_url":"https://www.odysseyui.com/r/icons-loader.json"},{"name":"icons-menu","title":"Menu Icon","description":"Menu icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-menu.json","copy_url":"https://www.odysseyui.com/r/icons-menu.json"},{"name":"icons-party-popper","title":"Party Popper Icon","description":"Party popper icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://www.odysseyui.com/r/icons-party-popper.json"},{"name":"icons-settings","title":"Settings Icon","description":"Settings icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-settings.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-settings.json","copy_url":"https://www.odysseyui.com/r/icons-settings.json"},{"name":"icons-trash-2","title":"Trash 2 Icon","description":"Trash 2 icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://www.odysseyui.com/r/icons-trash-2.json"},{"name":"icons-user","title":"User Icon","description":"User icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-user.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-user.json","copy_url":"https://www.odysseyui.com/r/icons-user.json"},{"name":"icons-wifi","title":"Wifi Icon","description":"Wifi icon component.","type":"registry:ui","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/icons-wifi.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-wifi.json","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"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":["charts","cms","developer-tools","editor","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.vercel.app/registry/ogimagecn","markdown":"https://sh4dcn.vercel.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":94,"open_issues":1,"last_commit":"2026-07-05T10:29:39Z"},"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":22,"components":[{"name":"simple","title":"Simple","description":"A minimal, centered Open Graph image with an eyebrow label, title, description, and brand mark.","type":"registry:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/simple.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/simple.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/grid.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/grid.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/blog.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/blog.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/changelog.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/changelog.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/quote.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/quote.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"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","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/photo.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/photo.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/product.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/product.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/profile.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/profile.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/event.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/event.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/stat.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/stat.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/logo.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/logo.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/terminal.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/terminal.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/editorial.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/editorial.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/showcase.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/showcase.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/shiori.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shiori.json","copy_url":"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:component","tags":["charts","cms","developer-tools","editor","icons","media","retro"],"categories":["Charts/data viz"],"source_url":"https://ogimagecn.vercel.app/r/owner.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/owner.json","copy_url":"https://ogimagecn.vercel.app/r/owner.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":[],"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.vercel.app/registry/openpolicy","markdown":"https://sh4dcn.vercel.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":156,"open_issues":1,"last_commit":"2026-05-26T13:34: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.vercel.app/registry/openstatus","markdown":"https://sh4dcn.vercel.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":8843,"open_issues":59,"last_commit":"2026-07-07T19:18:28Z"},"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/use-media-query.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/use-media-query.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-types.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-types.json","copy_url":"https://openstatus.dev/r/status-types.json"},{"name":"status-utils","title":"Status Utilities","description":"Utility functions for status formatting and display","type":"registry:lib","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-utils.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-utils.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-icon.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-icon.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-layout.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-layout.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-blank.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-blank.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-i18n.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-i18n.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-timestamp.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-timestamp.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-banner.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-banner.json","copy_url":"https://openstatus.dev/r/status-banner.json"},{"name":"status-component","title":"Status Component","description":"Monitor component primitives for building status displays","type":"registry:block","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-component.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-component.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-component-group.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-component-group.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-events.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-events.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-bar.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-bar.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-calendar.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-calendar.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-feed.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-feed.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-theme-switcher.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-theme-switcher.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-locale-switcher.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-locale-switcher.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-updates.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-updates.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-header.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-header.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-footer.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-footer.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-shell.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-shell.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-chrome.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-chrome.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-complete.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-complete.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-essentials.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-essentials.json","copy_url":"https://openstatus.dev/r/status-essentials.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.vercel.app/registry/optics","markdown":"https://sh4dcn.vercel.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":223,"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/accordion.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/accordion.json","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/alert-dialog.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/alert.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/alert.json","copy_url":"https://optics.agusmayol.com.ar/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:component","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/avatar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/avatar.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/badge.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/badge.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/breadcrumb.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/breadcrumb.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/button.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/button.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/calendar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/calendar.json","copy_url":"https://optics.agusmayol.com.ar/r/calendar.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/card.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/card.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/carousel.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/carousel.json","copy_url":"https://optics.agusmayol.com.ar/r/carousel.json"},{"name":"chart","title":"Chart","description":"Beautiful charts built with Recharts.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/chart.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/chart.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/checkbox.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/checkbox.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/collapsible.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/collapsible.json","copy_url":"https://optics.agusmayol.com.ar/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/command.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/command.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/dialog.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/dialog.json","copy_url":"https://optics.agusmayol.com.ar/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component built with Vaul.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/drawer.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/drawer.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/empty.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/empty.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/field.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/field.json","copy_url":"https://optics.agusmayol.com.ar/r/field.json"},{"name":"form","title":"Form","description":"Builds forms with React Hook Form.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/form.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/form.json","copy_url":"https://optics.agusmayol.com.ar/r/form.json"},{"name":"grid","title":"Grid","description":"A flexible grid system component for layout.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/grid.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/grid.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/input.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/input.json","copy_url":"https://optics.agusmayol.com.ar/r/input.json"},{"name":"item","title":"Item","description":"A flexible item component for displaying content.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/item.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/item.json","copy_url":"https://optics.agusmayol.com.ar/r/item.json"},{"name":"kbd","title":"KBD","description":"Keyboard key component for displaying keyboard shortcuts.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/kbd.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/kbd.json","copy_url":"https://optics.agusmayol.com.ar/r/kbd.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/label.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/label.json","copy_url":"https://optics.agusmayol.com.ar/r/label.json"},{"name":"menubar","title":"Menubar","description":"A visually persistent menu common in desktop applications.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/menubar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/menubar.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/pagination.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/pagination.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/popover.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/popover.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/progress.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/progress.json","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/resizable.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/resizable.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/select.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/select.json","copy_url":"https://optics.agusmayol.com.ar/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/separator.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/separator.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/sheet.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sheet.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/sidebar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sidebar.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/skeleton.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/skeleton.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/slider.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/slider.json","copy_url":"https://optics.agusmayol.com.ar/r/slider.json"},{"name":"sonner","title":"Sonner","description":"Toast component built with Sonner.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/sonner.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sonner.json","copy_url":"https://optics.agusmayol.com.ar/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An animated spinner component.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/spinner.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/spinner.json","copy_url":"https://optics.agusmayol.com.ar/r/spinner.json"},{"name":"star-rating","title":"Star Rating","description":"An interactive star rating component.","type":"registry:component","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/switch.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/switch.json","copy_url":"https://optics.agusmayol.com.ar/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/table.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/table.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/tabs.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/tabs.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/textarea.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/textarea.json","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/theme-switcher.json"},{"name":"timezone","title":"Timezone","description":"A component for displaying and converting timezones.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/timezone.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/timezone.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/toggle.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/toggle.json","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/tooltip.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/tooltip.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/use-controlled-state.json"},{"name":"utils","title":"Utils","description":"Library utility: utils","type":"registry:lib","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"],"source_url":"https://optics.agusmayol.com.ar/r/utils.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/utils.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://optics.agusmayol.com.ar/r/highlight.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/highlight.json","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/auto-height.json"},{"name":"slot","title":"Slot","description":"Slot component for motion animations.","type":"registry:component","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"],"source_url":"https://optics.agusmayol.com.ar/r/slot.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/slot.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://optics.agusmayol.com.ar/r/cursor-rule-web-interface-guidelines.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.vercel.app/registry/oui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-alert.json"},{"name":"oui-alert-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-alert-demo.json"},{"name":"oui-autocomplete-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo.json"},{"name":"oui-autocomplete-demo-avatar","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-avatar.json"},{"name":"oui-autocomplete-demo-searchable","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-badge.json"},{"name":"oui-badge-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button.json"},{"name":"oui-button-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo.json"},{"name":"oui-button-demo-outline","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-outline.json"},{"name":"oui-button-demo-destructive","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-destructive.json"},{"name":"oui-button-demo-disabled","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled.json"},{"name":"oui-button-demo-disabled-animation","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled-animation.json"},{"name":"oui-button-demo-ghost","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-ghost.json"},{"name":"oui-button-demo-icon-left","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-icon-right.json"},{"name":"oui-button-demo-lg","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-lg.json"},{"name":"oui-button-demo-link","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-link.json"},{"name":"oui-button-demo-secondary","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-secondary.json"},{"name":"oui-button-demo-sm","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-button-group.json"},{"name":"oui-button-group-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-calendar.json"},{"name":"oui-calendar-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-calendar-demo.json"},{"name":"oui-card","title":"Card","description":"CardGridListItem for shadcn Card.","type":"registry:ui","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-checkbox.json"},{"name":"oui-checkbox-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-demo.json"},{"name":"oui-checkbox-demo-blue","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group.json"},{"name":"oui-checkbox-group-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo.json"},{"name":"oui-checkbox-group-demo-invalid","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-combo-box.json"},{"name":"oui-combo-box-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo.json"},{"name":"oui-combo-box-demo-avatar","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-date-field.json"},{"name":"oui-date-field-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-date-picker.json"},{"name":"oui-date-picker-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-dialog.json"},{"name":"oui-dialog-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo.json"},{"name":"oui-dialog-demo-scrollable-content","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-sticky-footer.json"},{"name":"oui-dialog-demo-alert","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert.json"},{"name":"oui-dialog-demo-alert-confirm","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-disclosure.json"},{"name":"oui-disclosure-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo.json"},{"name":"oui-disclosure-demo-group","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo-group.json"},{"name":"oui-disclosure-demo-text","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-field.json"},{"name":"oui-field-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-field-demo.json"},{"name":"oui-field-demo-fieldset","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-field-demo-fieldset.json"},{"name":"oui-form-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-form-demo.json"},{"name":"oui-index","title":"Oui Index","description":"All oui ui components.","type":"registry:ui","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-input.json"},{"name":"oui-input-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-input-demo.json"},{"name":"oui-input-demo-password","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-input-demo-password.json"},{"name":"oui-input-demo-disabled","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-input-group.json"},{"name":"oui-input-group-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-keyboard.json"},{"name":"oui-keyboard-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-label.json"},{"name":"oui-label-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-label-demo.json"},{"name":"oui-label-demo-disabled","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link.json"},{"name":"oui-link-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo.json"},{"name":"oui-link-demo-hover","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-hover.json"},{"name":"oui-link-demo-always","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-always.json"},{"name":"oui-link-demo-current","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-current.json"},{"name":"oui-link-demo-focus","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-focus.json"},{"name":"oui-link-demo-disabled","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-disabled.json"},{"name":"oui-link-demo-button","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button.json"},{"name":"oui-link-demo-button-outline","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button-disabled.json"},{"name":"oui-link-demo-icon","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-icon.json"},{"name":"oui-link-demo-login","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-list-box.json"},{"name":"oui-list-box-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-list-box-demo.json"},{"name":"oui-list-box-demo-multiple","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu.json"},{"name":"oui-menu-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo.json"},{"name":"oui-menu-demo-checkboxes","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-checkboxes.json"},{"name":"oui-menu-demo-radio-group","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-radio-group.json"},{"name":"oui-menu-demo-avatar","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar.json"},{"name":"oui-menu-demo-avatar-only","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar-only.json"},{"name":"oui-menu-demo-icon","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-number-field.json"},{"name":"oui-number-field-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-pagination.json"},{"name":"oui-pagination-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-popover.json"},{"name":"oui-popover-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-radio-group.json"},{"name":"oui-radio-group-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-radio-group-demo.json"},{"name":"oui-radio-group-demo-green","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-search-field.json"},{"name":"oui-search-field-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-select.json"},{"name":"oui-select-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-select-demo.json"},{"name":"oui-select-demo-multiple","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-select-demo-multiple.json"},{"name":"oui-select-demo-large-list","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-select-demo-large-list.json"},{"name":"oui-select-demo-icon","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-separator.json"},{"name":"oui-separator-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-sheet.json"},{"name":"oui-sheet-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-sheet-demo.json"},{"name":"oui-sheet-demo-sides","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-slider.json"},{"name":"oui-slider-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-switch.json"},{"name":"oui-switch-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-table.json"},{"name":"oui-table-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-table-demo.json"},{"name":"oui-table-demo-action-menu","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-tabs.json"},{"name":"oui-tabs-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-text-area.json"},{"name":"oui-text-area-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-text-field.json"},{"name":"oui-text-field-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-text-field-demo.json"},{"name":"oui-text-field-demo-invalid","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button.json"},{"name":"oui-toggle-button-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button-group.json"},{"name":"oui-toggle-button-group-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://oui.mw10013.workers.dev/r/oui-tooltip.json"},{"name":"oui-tooltip-demo","title":null,"description":null,"type":"registry:component","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"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":"MIT","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://paceui.com","github":"https://github.com/paceui/ui","registry":"https://paceui.com/r/registry.json","source":"https://paceui.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/paceui","markdown":"https://sh4dcn.vercel.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.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://paceui.com/assets/pricing-eL85zIU2.js"},"metrics":{"github_stars":274,"open_issues":0,"last_commit":"2026-03-24T09:35:16Z"},"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/ui.git","clone_degit":"npx degit paceui/ui","registry_fetch":"curl -s https://paceui.com/r/registry.json"},"component_count":23,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/index.json","install_command":"npx shadcn@latest add https://paceui.com/r/index.json","copy_url":"https://paceui.com/r/index.json"},{"name":"interactive-logs-chart","title":"Interactive Logs Chart","description":"An interactive chart visualizing system logs over time with data tooltips and active hover states.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/interactive-logs-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/interactive-logs-chart.json","copy_url":"https://paceui.com/r/interactive-logs-chart.json"},{"name":"traffic-logs-chart","title":"Traffic Logs Chart","description":"A visual representation of web traffic volume and request spikes across different time periods.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/traffic-logs-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/traffic-logs-chart.json","copy_url":"https://paceui.com/r/traffic-logs-chart.json"},{"name":"interactive-sales-chart","title":"Interactive Sales Chart","description":"A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/interactive-sales-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/interactive-sales-chart.json","copy_url":"https://paceui.com/r/interactive-sales-chart.json"},{"name":"channel-sales-chart","title":"Channel Sales Chart","description":"A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/channel-sales-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/channel-sales-chart.json","copy_url":"https://paceui.com/r/channel-sales-chart.json"},{"name":"live-logs-feed","title":"Live Log Feed","description":"A real-time activity stream displaying recent system events and errors in a chronological layout.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/live-logs-feed.json","install_command":"npx shadcn@latest add https://paceui.com/r/live-logs-feed.json","copy_url":"https://paceui.com/r/live-logs-feed.json"},{"name":"create-user-form","title":"Create User Form","description":"Structured account creation form for onboarding new team members, including profile details, role assignment, department selection, and secure password setup.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/create-user-form.json","install_command":"npx shadcn@latest add https://paceui.com/r/create-user-form.json","copy_url":"https://paceui.com/r/create-user-form.json"},{"name":"usage-logs-meter","title":"Usage Logs Meter","description":"A visual gauge displaying current system resource consumption against defined operational quota limits.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/usage-logs-meter.json","install_command":"npx shadcn@latest add https://paceui.com/r/usage-logs-meter.json","copy_url":"https://paceui.com/r/usage-logs-meter.json"},{"name":"source-sales-meter","title":"Source Sales Meter","description":"A list of progress bars ranking sales performance by acquisition source with percentage indicators.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/source-sales-meter.json","install_command":"npx shadcn@latest add https://paceui.com/r/source-sales-meter.json","copy_url":"https://paceui.com/r/source-sales-meter.json"},{"name":"upgrade-sales-promo","title":"Upgrade Sales Promo","description":"An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/upgrade-sales-promo.json","install_command":"npx shadcn@latest add https://paceui.com/r/upgrade-sales-promo.json","copy_url":"https://paceui.com/r/upgrade-sales-promo.json"},{"name":"simple-logs-stat","title":"Simple Log Stat","description":"A minimal statistic card displaying total log counts with a clean, numerical layout.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/simple-logs-stat.json","install_command":"npx shadcn@latest add https://paceui.com/r/simple-logs-stat.json","copy_url":"https://paceui.com/r/simple-logs-stat.json"},{"name":"rich-sales-stat","title":"Rich Sales Stat","description":"A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/rich-sales-stat.json","install_command":"npx shadcn@latest add https://paceui.com/r/rich-sales-stat.json","copy_url":"https://paceui.com/r/rich-sales-stat.json"},{"name":"simple-logs-table","title":"Simple Log Table","description":"A clean data table listing system events with timestamp, severity, and message columns.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/simple-logs-table.json","install_command":"npx shadcn@latest add https://paceui.com/r/simple-logs-table.json","copy_url":"https://paceui.com/r/simple-logs-table.json"},{"name":"product-sales-table","title":"Product Sales Table","description":"A comprehensive data list showing product performance, quantities sold, and total revenue generated.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/product-sales-table.json","install_command":"npx shadcn@latest add https://paceui.com/r/product-sales-table.json","copy_url":"https://paceui.com/r/product-sales-table.json"},{"name":"simple-users-table","title":"Users Table","description":"Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/simple-users-table.json","install_command":"npx shadcn@latest add https://paceui.com/r/simple-users-table.json","copy_url":"https://paceui.com/r/simple-users-table.json"},{"name":"shadcn-day-fan","title":"Shadcn Day","description":"Use this component when highlighting special events, milestones, or important dates.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/shadcn-day-fan.json","install_command":"npx shadcn@latest add https://paceui.com/r/shadcn-day-fan.json","copy_url":"https://paceui.com/r/shadcn-day-fan.json"},{"name":"form-input","title":"Form Input","description":"A form input component with validation and error handling.","type":"registry:component","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-input.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-input.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-password.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-password.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-select.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-select.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-switch.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-switch.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-textarea.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-textarea.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-checkbox.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-checkbox.json","copy_url":"https://paceui.com/r/form-checkbox.json"},{"name":"form-error","title":"Form Error","description":"A component for displaying form validation errors.","type":"registry:component","tags":["blocks","buttons","cards","charts","dashboard","forms","pro-available","tables"],"categories":["Charts/data viz"],"source_url":"https://paceui.com/r/form-error.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-error.json","copy_url":"https://paceui.com/r/form-error.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":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","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.vercel.app/registry/pacekit","markdown":"https://sh4dcn.vercel.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.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.pacekit.dev/assets/pricing-eL85zIU2.js"},"metrics":{"github_stars":269,"open_issues":0,"last_commit":"2026-03-24T09:35:16Z"},"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":23,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/index.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/index.json","copy_url":"https://ui.pacekit.dev/r/index.json"},{"name":"interactive-logs-chart","title":"Interactive Logs Chart","description":"An interactive chart visualizing system logs over time with data tooltips and active hover states.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/interactive-logs-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/interactive-logs-chart.json","copy_url":"https://ui.pacekit.dev/r/interactive-logs-chart.json"},{"name":"traffic-logs-chart","title":"Traffic Logs Chart","description":"A visual representation of web traffic volume and request spikes across different time periods.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/traffic-logs-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/traffic-logs-chart.json","copy_url":"https://ui.pacekit.dev/r/traffic-logs-chart.json"},{"name":"interactive-sales-chart","title":"Interactive Sales Chart","description":"A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/interactive-sales-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/interactive-sales-chart.json","copy_url":"https://ui.pacekit.dev/r/interactive-sales-chart.json"},{"name":"channel-sales-chart","title":"Channel Sales Chart","description":"A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/channel-sales-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/channel-sales-chart.json","copy_url":"https://ui.pacekit.dev/r/channel-sales-chart.json"},{"name":"live-logs-feed","title":"Live Log Feed","description":"A real-time activity stream displaying recent system events and errors in a chronological layout.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/live-logs-feed.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/live-logs-feed.json","copy_url":"https://ui.pacekit.dev/r/live-logs-feed.json"},{"name":"create-user-form","title":"Create User Form","description":"Structured account creation form for onboarding new team members, including profile details, role assignment, department selection, and secure password setup.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/create-user-form.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/create-user-form.json","copy_url":"https://ui.pacekit.dev/r/create-user-form.json"},{"name":"usage-logs-meter","title":"Usage Logs Meter","description":"A visual gauge displaying current system resource consumption against defined operational quota limits.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/usage-logs-meter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/usage-logs-meter.json","copy_url":"https://ui.pacekit.dev/r/usage-logs-meter.json"},{"name":"source-sales-meter","title":"Source Sales Meter","description":"A list of progress bars ranking sales performance by acquisition source with percentage indicators.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/source-sales-meter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/source-sales-meter.json","copy_url":"https://ui.pacekit.dev/r/source-sales-meter.json"},{"name":"upgrade-sales-promo","title":"Upgrade Sales Promo","description":"An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/upgrade-sales-promo.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/upgrade-sales-promo.json","copy_url":"https://ui.pacekit.dev/r/upgrade-sales-promo.json"},{"name":"simple-logs-stat","title":"Simple Log Stat","description":"A minimal statistic card displaying total log counts with a clean, numerical layout.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-logs-stat.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/simple-logs-stat.json","copy_url":"https://ui.pacekit.dev/r/simple-logs-stat.json"},{"name":"rich-sales-stat","title":"Rich Sales Stat","description":"A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/rich-sales-stat.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/rich-sales-stat.json","copy_url":"https://ui.pacekit.dev/r/rich-sales-stat.json"},{"name":"simple-logs-table","title":"Simple Log Table","description":"A clean data table listing system events with timestamp, severity, and message columns.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-logs-table.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/simple-logs-table.json","copy_url":"https://ui.pacekit.dev/r/simple-logs-table.json"},{"name":"product-sales-table","title":"Product Sales Table","description":"A comprehensive data list showing product performance, quantities sold, and total revenue generated.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/product-sales-table.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/product-sales-table.json","copy_url":"https://ui.pacekit.dev/r/product-sales-table.json"},{"name":"simple-users-table","title":"Users Table","description":"Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-users-table.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/simple-users-table.json","copy_url":"https://ui.pacekit.dev/r/simple-users-table.json"},{"name":"shadcn-day-fan","title":"Shadcn Day","description":"Use this component when highlighting special events, milestones, or important dates.","type":"registry:block","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/shadcn-day-fan.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/shadcn-day-fan.json","copy_url":"https://ui.pacekit.dev/r/shadcn-day-fan.json"},{"name":"form-input","title":"Form Input","description":"A form input component with validation and error handling.","type":"registry:component","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-input.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-input.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-password.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-password.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-select.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-select.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-switch.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-switch.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-textarea.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-textarea.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-checkbox.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-checkbox.json","copy_url":"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","tags":["blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-error.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-error.json","copy_url":"https://ui.pacekit.dev/r/form-error.json"}]},{"id":"pacekit-gsap","name":"@pacekit-gsap","slug":"pacekit-gsap","description":"A companion GSAP-powered animation component library from PaceKit, providing React components with smooth GSAP-driven interactions for production apps. The docs nav lists an AI Toolkit category (Modal Selector, Modal Ability Selector, AI Suggestions, Response Writer, Token Counter) alongside Text Effects (Reveal Text, Scramble Text, Squash Text, Bouncing Text, Draw Line Text, Mouse Wave Text, Dot Animation) and additional animated Blocks. Uses GSAP (GreenSock) rather than CSS transitions or Framer Motion. Tailwind CSS, TypeScript, shadcn CLI compatible. Free, MIT-licensed. Use for: adding high-quality GSAP-driven text animations and interactive UI effects to Next.js or React apps without building animation logic from scratch.","author":"pacekit","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://gsap.pacekit.dev","github":"https://github.com/pacekit/gsap","registry":"https://gsap.pacekit.dev/r/registry.json","source":"https://gsap.pacekit.dev/r/registry.json","page":"https://sh4dcn.vercel.app/registry/pacekit-gsap","markdown":"https://sh4dcn.vercel.app/md/pacekit-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://gsap.pacekit.dev/images/brand/og/default.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":269,"open_issues":0,"last_commit":"2026-03-24T09:35:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gsap.pacekit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gsap.pacekit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://gsap.pacekit.dev/r/registry.json","clone":"git clone https://github.com/pacekit/gsap.git","clone_degit":"npx degit pacekit/gsap","registry_fetch":"curl -s https://gsap.pacekit.dev/r/registry.json"},"component_count":29,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/index.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/index.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-suggestions.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/ai-suggestions.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-modal-selector.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/ai-modal-selector.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-modal-ability-selector.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/ai-modal-ability-selector.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-response-writer.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/ai-response-writer.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-token-counter.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/ai-token-counter.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/reveal-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/reveal-text.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/scramble-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/scramble-text.json","copy_url":"https://gsap.pacekit.dev/r/scramble-text.json"},{"name":"squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/squash-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/squash-text.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/bouncing-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/bouncing-text.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/draw-line-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/draw-line-text.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/mouse-wave-text.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/mouse-wave-text.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/text-fall-button.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/text-fall-button.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/spring-button.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/spring-button.json","copy_url":"https://gsap.pacekit.dev/r/spring-button.json"},{"name":"fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/fillable-button.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/fillable-button.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/swap.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/swap.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/animated-stack.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/animated-stack.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/layered-stack.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/layered-stack.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/gradient-shadow.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/gradient-shadow.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/github-star-counter.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/github-star-counter.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/profile-peek.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/profile-peek.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/flip-reveal.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/flip-reveal.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/reveal-on-scroll.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/reveal-on-scroll.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/stagger-on-scroll.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/stagger-on-scroll.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/liquid-cursor.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/liquid-cursor.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/liquid-glass.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/liquid-glass.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/tilt-card.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/dot-loader.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/dot-loader.json","copy_url":"https://gsap.pacekit.dev/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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","overlays","text-effects"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/dot-flow.json","install_command":"npx shadcn@latest add https://gsap.pacekit.dev/r/dot-flow.json","copy_url":"https://gsap.pacekit.dev/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.vercel.app/registry/paddle","markdown":"https://sh4dcn.vercel.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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/paddle-helpers.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/paddle-helpers.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/paddle-client.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/paddle-client.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/express-checkout.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/express-checkout.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/pricing-cards.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/pricing-cards.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/pricing-display.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/pricing-display.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/checkout-summary.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/checkout-summary.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/inline-checkout.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/inline-checkout.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/subscription-alert.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/subscription-alert.json","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"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","copy_url":"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.vercel.app/registry/paletteui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/zinc.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/zinc.json","copy_url":"https://paletteui.xyz/r/zinc.json"},{"name":"slate","title":"Slate","description":"Cool blue-gray undertones. Crisp and technical without being cold.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/slate.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/slate.json","copy_url":"https://paletteui.xyz/r/slate.json"},{"name":"stone","title":"Stone","description":"Warm gray with a sandy undertone. Calm, grounded, approachable.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stone.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stone.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mono.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mono.json","copy_url":"https://paletteui.xyz/r/mono.json"},{"name":"neo","title":"Neo Brutal","description":"Black and yellow. Hard shadows, thick borders, maximum impact.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/neo.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/neo.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/contrast.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/contrast.json","copy_url":"https://paletteui.xyz/r/contrast.json"},{"name":"oxide","title":"Oxide","description":"Rust and iron. Industrial warmth with raw, mechanical confidence.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/oxide.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/oxide.json","copy_url":"https://paletteui.xyz/r/oxide.json"},{"name":"electric","title":"Electric","description":"Neon cyan on dark. Terminal aesthetics meets modern UI.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/electric.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/electric.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/editorial.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/editorial.json","copy_url":"https://paletteui.xyz/r/editorial.json"},{"name":"terra","title":"Terra","description":"Terracotta and olive. Mediterranean warmth grounded in earth.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/terra.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/terra.json","copy_url":"https://paletteui.xyz/r/terra.json"},{"name":"sand","title":"Sand","description":"Desert beige and cream. Soft, quiet, endlessly restful.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sand.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sand.json","copy_url":"https://paletteui.xyz/r/sand.json"},{"name":"rose","title":"Rose","description":"Dusty rose and warm mauve. Refined softness with quiet confidence.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/rose.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/rose.json","copy_url":"https://paletteui.xyz/r/rose.json"},{"name":"midnight","title":"Midnight","description":"Deep indigo with luminous accents. Focused and immersive.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/midnight.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/midnight.json","copy_url":"https://paletteui.xyz/r/midnight.json"},{"name":"saas","title":"SaaS Blue","description":"Professional blue. The reliable choice for dashboards and products.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/saas.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/saas.json","copy_url":"https://paletteui.xyz/r/saas.json"},{"name":"ocean","title":"Ocean","description":"Teal and deep sea. Calm depth with bright coral accents.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/ocean.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ocean.json","copy_url":"https://paletteui.xyz/r/ocean.json"},{"name":"frost","title":"Frost","description":"Ice blue and silver. Light, airy, crystalline clarity.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/frost.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/frost.json","copy_url":"https://paletteui.xyz/r/frost.json"},{"name":"candy","title":"Candy","description":"Vibrant pink and pastels. Joyful, friendly, unapologetically fun.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/candy.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/candy.json","copy_url":"https://paletteui.xyz/r/candy.json"},{"name":"emerald","title":"Emerald","description":"Fresh mint and green. Natural energy that feels alive.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/emerald.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/emerald.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sunset.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sunset.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/spring.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/spring.json","copy_url":"https://paletteui.xyz/r/spring.json"},{"name":"summer","title":"Summer Heat","description":"Warm oranges and golden yellows. Sunshine, beaches, endless days.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/summer.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/summer.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/autumn.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/autumn.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/winter.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/winter.json","copy_url":"https://paletteui.xyz/r/winter.json"},{"name":"nebula","title":"Nebula","description":"Deep purple and magenta. Cosmic dust clouds and stellar nurseries.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/nebula.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/nebula.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mars.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mars.json","copy_url":"https://paletteui.xyz/r/mars.json"},{"name":"aurora","title":"Aurora","description":"Northern lights green and violet. Dancing electrons and polar skies.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/aurora.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/aurora.json","copy_url":"https://paletteui.xyz/r/aurora.json"},{"name":"eclipse","title":"Eclipse","description":"Dark void with golden corona. Total darkness ringed with fire.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/eclipse.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/eclipse.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/synthwave.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/synthwave.json","copy_url":"https://paletteui.xyz/r/synthwave.json"},{"name":"terminal","title":"Terminal","description":"Green phosphor on black. CRT monitors, command lines, the Matrix.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/terminal.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/terminal.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/polaroid.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/polaroid.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/pixel.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/pixel.json","copy_url":"https://paletteui.xyz/r/pixel.json"},{"name":"linear","title":"Linear","description":"The iconic Linear violet. Clean product design, focused engineering.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/linear.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/linear.json","copy_url":"https://paletteui.xyz/r/linear.json"},{"name":"stripe","title":"Stripe","description":"Stripe's signature indigo. Clean, trustworthy, payments-grade polish.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stripe.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stripe.json","copy_url":"https://paletteui.xyz/r/stripe.json"},{"name":"spotify","title":"Spotify","description":"That unmistakable green on dark. Music, energy, late-night listening.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/spotify.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/spotify.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/notion.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/notion.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sakura.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sakura.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/lavender.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/lavender.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/reef.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/reef.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/redwood.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/redwood.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/breaking-bad.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/breaking-bad.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stranger-things.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stranger-things.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/game-of-thrones.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/game-of-thrones.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mandalorian.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mandalorian.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/squid-game.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/squid-game.json","copy_url":"https://paletteui.xyz/r/squid-game.json"},{"name":"wednesday","title":"Wednesday","description":"Gothic black and muted purple. Nevermore Academy, dark elegance.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/wednesday.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/wednesday.json","copy_url":"https://paletteui.xyz/r/wednesday.json"},{"name":"japan","title":"Japan","description":"Clean white and hinomaru red. Minimal, precise, unmistakable.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/japan.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/japan.json","copy_url":"https://paletteui.xyz/r/japan.json"},{"name":"brazil","title":"Brazil","description":"Green, gold, and blue. Tropical energy, carnival spirit, samba.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/brazil.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/brazil.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/nordic.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/nordic.json","copy_url":"https://paletteui.xyz/r/nordic.json"},{"name":"ukraine","title":"Ukraine","description":"Sky blue and golden wheat. Open fields, clear horizons, resilience.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/ukraine.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ukraine.json","copy_url":"https://paletteui.xyz/r/ukraine.json"},{"name":"italy","title":"Italy","description":"Green, white, and red. La dolce vita, espresso, Roman elegance.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/italy.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/italy.json","copy_url":"https://paletteui.xyz/r/italy.json"},{"name":"india","title":"India","description":"Saffron, white, and deep green. Spice markets, tigers, ancient wisdom.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/india.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/india.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/usa.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/usa.json","copy_url":"https://paletteui.xyz/r/usa.json"},{"name":"france","title":"France","description":"Bleu, blanc, rouge. Parisian chic, haute couture, refined elegance.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/france.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/france.json","copy_url":"https://paletteui.xyz/r/france.json"},{"name":"germany","title":"Germany","description":"Black, red, and gold. Precision engineering, Bauhaus, structured elegance.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/germany.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/germany.json","copy_url":"https://paletteui.xyz/r/germany.json"},{"name":"israel","title":"Israel","description":"White and blue. Mediterranean clarity, innovation, desert sky.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/israel.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/israel.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/south-korea.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/south-korea.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mexico.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mexico.json","copy_url":"https://paletteui.xyz/r/mexico.json"},{"name":"apple","title":"Apple","description":"Clean silver and space gray. Cupertino minimalism, premium restraint.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/apple.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/apple.json","copy_url":"https://paletteui.xyz/r/apple.json"},{"name":"starbucks","title":"Starbucks","description":"Siren green and warm cream. Coffee shop warmth, morning rituals.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/starbucks.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/starbucks.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mcdonalds.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mcdonalds.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/coca-cola.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/coca-cola.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/taco-bell.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/taco-bell.json","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/tesla.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/tesla.json","copy_url":"https://paletteui.xyz/r/tesla.json"},{"name":"ikea","title":"IKEA","description":"Swedish blue and sunshine yellow. Flat-pack simplicity, democratic design.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/ikea.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ikea.json","copy_url":"https://paletteui.xyz/r/ikea.json"},{"name":"netflix","title":"Netflix","description":"Deep black and signature red. Binge-worthy, cinematic, addictive.","type":"registry:theme","tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/netflix.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/netflix.json","copy_url":"https://paletteui.xyz/r/netflix.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","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","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.vercel.app/registry/payload-components","markdown":"https://sh4dcn.vercel.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":"https://www.payload-components.xyz/opengraph-image?785288c0147e6482","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":17,"open_issues":51,"last_commit":"2026-07-08T04:43:00Z"},"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":67,"components":[{"name":"hero-basic","title":"Hero Basic","description":"Payload Components proof-of-concept hero block.","type":"registry:block","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/hero-basic.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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/call-to-action-boxed.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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/contact-routing-form.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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/team-grid.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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/stats-proof.json"},{"name":"pricing-cards","title":"Pricing Cards","description":"Three-up pricing table of editable plan cards with a highlighted plan.","type":"registry:block","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"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","tags":["animation","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","tables"],"categories":["Animated components"],"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","copy_url":"https://www.payload-components.xyz/r/pricing-enterprise.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.vercel.app/registry/pastecn","markdown":"https://sh4dcn.vercel.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":128,"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","tags":["ai","blocks","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://pastecn.com/r/ai-sdk","install_command":"npx shadcn@latest add https://pastecn.com/r/ai-sdk","copy_url":"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":["recently-updated"],"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.vercel.app/registry/paykit-sdk","markdown":"https://sh4dcn.vercel.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":57,"open_issues":5,"last_commit":"2026-07-07T20:20:27Z"},"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs.json","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono.json","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express.json","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/paystack-nextjs.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/paystack-nextjs.json","copy_url":"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","tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/paystack-hono.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/paystack-hono.json","copy_url":"https://www.usepaykit.dev/r/paystack-hono.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","pro-available"],"categories":["Personal/portfolio registry"],"labels":["pro"],"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.vercel.app/registry/phucbm","markdown":"https://sh4dcn.vercel.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-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://phucbm.com/pricing"},"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":"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.vercel.app/registry/pixelact-ui","markdown":"https://sh4dcn.vercel.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":101,"open_issues":2,"last_commit":"2026-06-17T10:07:19Z"},"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","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/accordion.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/accordion.json","copy_url":"https://pixelactui.com/r/accordion.json"},{"name":"alert","title":"Pixelact Alert","description":"A simple alert component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/alert.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/alert.json","copy_url":"https://pixelactui.com/r/alert.json"},{"name":"alert-dialog","title":"Pixelact Alert Dialog","description":"A simple alert dialog component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/alert-dialog.json","copy_url":"https://pixelactui.com/r/alert-dialog.json"},{"name":"avatar","title":"Pixelact Avatar","description":"A simple avatar component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/avatar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/avatar.json","copy_url":"https://pixelactui.com/r/avatar.json"},{"name":"badge","title":"Pixelact Badge","description":"A simple badge component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/badge.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/badge.json","copy_url":"https://pixelactui.com/r/badge.json"},{"name":"breadcrumb","title":"Pixelact Breadcrumb","description":"A simple breadcrumb component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/breadcrumb.json","copy_url":"https://pixelactui.com/r/breadcrumb.json"},{"name":"button","title":"Pixelact Button","description":"A simple button component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/button.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/button.json","copy_url":"https://pixelactui.com/r/button.json"},{"name":"calendar","title":"Pixelact Calendar","description":"A simple calendar component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/calendar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/calendar.json","copy_url":"https://pixelactui.com/r/calendar.json"},{"name":"card","title":"Pixelact Card","description":"A simple card component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/card.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/card.json","copy_url":"https://pixelactui.com/r/card.json"},{"name":"carousel","title":"Pixelact Carousel","description":"A simple carousel component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/carousel.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/carousel.json","copy_url":"https://pixelactui.com/r/carousel.json"},{"name":"checkbox","title":"Pixelact Checkbox","description":"A simple checkbox component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/checkbox.json","copy_url":"https://pixelactui.com/r/checkbox.json"},{"name":"collapsible","title":"Pixelact Collapsible","description":"A simple collapsible component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/collapsible.json","copy_url":"https://pixelactui.com/r/collapsible.json"},{"name":"dialog","title":"Pixelact Dialog","description":"A simple dialog component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/dialog.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/dialog.json","copy_url":"https://pixelactui.com/r/dialog.json"},{"name":"input","title":"Pixelact Input","description":"A simple input component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/input.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/input.json","copy_url":"https://pixelactui.com/r/input.json"},{"name":"textarea","title":"Pixelact Textarea","description":"A simple textarea component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/textarea.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/textarea.json","copy_url":"https://pixelactui.com/r/textarea.json"},{"name":"label","title":"Pixelact Label","description":"A simple label component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/label.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/label.json","copy_url":"https://pixelactui.com/r/label.json"},{"name":"popover","title":"Pixelact Popover","description":"A simple popover component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/popover.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/popover.json","copy_url":"https://pixelactui.com/r/popover.json"},{"name":"select","title":"Pixelact Select","description":"A simple select component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/select.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/select.json","copy_url":"https://pixelactui.com/r/select.json"},{"name":"command","title":"Pixelact Command","description":"A simple command component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/command.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/command.json","copy_url":"https://pixelactui.com/r/command.json"},{"name":"context-menu","title":"Pixelact Context Menu","description":"A simple context menu component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/context-menu.json","copy_url":"https://pixelactui.com/r/context-menu.json"},{"name":"hover-card","title":"Pixelact Hover Card","description":"A simple hover card component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/hover-card.json","copy_url":"https://pixelactui.com/r/hover-card.json"},{"name":"tooltip","title":"Pixelact Tooltip","description":"A simple tooltip component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/tooltip.json","copy_url":"https://pixelactui.com/r/tooltip.json"},{"name":"menubar","title":"Pixelact Menubar","description":"A simple menubar component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/menubar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/menubar.json","copy_url":"https://pixelactui.com/r/menubar.json"},{"name":"spinner","title":"Pixelact Spinner","description":"A simple spinner component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/spinner.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/spinner.json","copy_url":"https://pixelactui.com/r/spinner.json"},{"name":"toast","title":"Pixelact Toast","description":"A simple toast component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/toast.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/toast.json","copy_url":"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","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/drawer.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/drawer.json","copy_url":"https://pixelactui.com/r/drawer.json"},{"name":"empty","title":"Pixelact Empty","description":"A pixel art styled empty state component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/empty.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/empty.json","copy_url":"https://pixelactui.com/r/empty.json"},{"name":"kbd","title":"Pixelact Kbd","description":"A pixel art styled keyboard key component.","type":"registry:component","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/kbd.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/kbd.json","copy_url":"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.vercel.app/registry/plate","markdown":"https://sh4dcn.vercel.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":16400,"open_issues":13,"last_commit":"2026-07-08T06:56:05Z"},"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plate.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate.json","copy_url":"https://platejs.org/r/plate.json"},{"name":"plate-ui","title":null,"description":"Install Plate package and styles","type":"registry:style","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plate-ui.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate-ui.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-menu.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-menu.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/align-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-context-menu.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-context-menu.json","copy_url":"https://platejs.org/r/block-context-menu.json"},{"name":"block-selection","title":"Block Selection","description":"A visual overlay for selected blocks.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-selection.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-selection.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/import-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/import-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/export-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/export-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/caption.json","install_command":"npx shadcn@latest add https://platejs.org/r/caption.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-toolbar-button.json","copy_url":"https://platejs.org/r/comment-toolbar-button.json"},{"name":"block-suggestion","title":"Block Suggestion","description":null,"type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-suggestion.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-suggestion.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-discussion.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-discussion.json","copy_url":"https://platejs.org/r/block-discussion.json"},{"name":"cursor-overlay","title":"Cursor Overlay","description":"A visual overlay for cursors and selections.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/cursor-overlay.json","install_command":"npx shadcn@latest add https://platejs.org/r/cursor-overlay.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-draggable.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-draggable.json","copy_url":"https://platejs.org/r/block-draggable.json"},{"name":"editor","title":"Editor","description":"A container for the editor content and styling.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor.json","copy_url":"https://platejs.org/r/editor.json"},{"name":"select-editor","title":"Select Editor","description":"An editor to select tags.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/select-editor.json","install_command":"npx shadcn@latest add https://platejs.org/r/select-editor.json","copy_url":"https://platejs.org/r/select-editor.json"},{"name":"emoji-toolbar-button","title":"Emoji Toolbar Button","description":"An emoji picker toolbar button.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/emoji-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-buttons.json","copy_url":"https://platejs.org/r/fixed-toolbar-buttons.json"},{"name":"fixed-toolbar-classic-buttons","title":"Fixed Toolbar List Buttons","description":null,"type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-buttons.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ghost-text.json","install_command":"npx shadcn@latest add https://platejs.org/r/ghost-text.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/history-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/history-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/indent-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-toolbar-button.json","copy_url":"https://platejs.org/r/indent-toolbar-button.json"},{"name":"inline-combobox","title":"Inline Combobox","description":"A combobox for inline suggestions.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/inline-combobox.json","install_command":"npx shadcn@latest add https://platejs.org/r/inline-combobox.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/insert-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/insert-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-toolbar.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mark-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/mark-toolbar-button.json","copy_url":"https://platejs.org/r/mark-toolbar-button.json"},{"name":"media-toolbar","title":"Media Toolbar","description":"A toolbar interface for media settings.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-toolbar.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-upload-toast.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-upload-toast.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mode-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/mode-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/more-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/more-toolbar-button.json","copy_url":"https://platejs.org/r/more-toolbar-button.json"},{"name":"resize-handle","title":"Resize Handle","description":"A resizable wrapper with resize handles.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/resize-handle.json","install_command":"npx shadcn@latest add https://platejs.org/r/resize-handle.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/remote-cursor-overlay.json","install_command":"npx shadcn@latest add https://platejs.org/r/remote-cursor-overlay.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/toolbar.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-node.json","copy_url":"https://platejs.org/r/ai-node.json"},{"name":"block-list","title":"List","description":"List components.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-list.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-list.json","copy_url":"https://platejs.org/r/block-list.json"},{"name":"blockquote-node","title":"Blockquote Element","description":"A quote component for block quotes.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/blockquote-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/blockquote-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/callout-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-block-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-drawing-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-node.json","copy_url":"https://platejs.org/r/code-drawing-node.json"},{"name":"code-node","title":"Code Leaf","description":"An inline component for code snippets.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-node.json","copy_url":"https://platejs.org/r/code-node.json"},{"name":"column-node","title":"Column Nodes","description":"Resizable column components for layout.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/column-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-node.json","copy_url":"https://platejs.org/r/comment-node.json"},{"name":"suggestion-node","title":"Suggestion Leaf","description":"A text component for suggestion.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-node.json","copy_url":"https://platejs.org/r/suggestion-node.json"},{"name":"date-node","title":"Date Element","description":"A date field component with calendar picker.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/date-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/equation-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/equation-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-toolbar-button.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/emoji-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-node.json","copy_url":"https://platejs.org/r/emoji-node.json"},{"name":"excalidraw-node","title":"Excalidraw Element","description":"A drawing component powered by Excalidraw.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/excalidraw-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/footnote-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-node.json","copy_url":"https://platejs.org/r/footnote-node.json"},{"name":"heading-node","title":"Heading Element","description":"A heading with multiple level support.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/heading-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/heading-node.json","copy_url":"https://platejs.org/r/heading-node.json"},{"name":"highlight-node","title":"Highlight Leaf","description":"A text highlighter with customizable colors.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/highlight-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/highlight-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/hr-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/hr-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-image-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-image-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-preview-dialog.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-preview-dialog.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/kbd-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/kbd-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-classic-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-audio-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-audio-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-embed-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-embed-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-file-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-file-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-placeholder-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-placeholder-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-video-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-video-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mention-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-node.json","copy_url":"https://platejs.org/r/mention-node.json"},{"name":"paragraph-node","title":"Paragraph Element","description":"A paragraph block with background color support.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/paragraph-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/paragraph-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/search-highlight-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/search-highlight-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/slash-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/tag-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/tag-node.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toc-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-node.json","copy_url":"https://platejs.org/r/toc-node.json"},{"name":"toggle-node","title":"Toggle Element","description":"A collapsible component for toggling content visibility.","type":"registry:ui","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-node.json","copy_url":"https://platejs.org/r/toggle-node.json"},{"name":"align-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/align-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-base-kit.json","copy_url":"https://platejs.org/r/align-base-kit.json"},{"name":"basic-blocks-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/basic-blocks-base-kit.json"},{"name":"basic-marks-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/basic-marks-base-kit.json"},{"name":"callout-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/callout-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-base-kit.json","copy_url":"https://platejs.org/r/callout-base-kit.json"},{"name":"code-block-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/code-block-base-kit.json"},{"name":"code-drawing-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/code-drawing-base-kit.json"},{"name":"column-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/column-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-base-kit.json","copy_url":"https://platejs.org/r/column-base-kit.json"},{"name":"comment-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-base-kit.json","copy_url":"https://platejs.org/r/comment-base-kit.json"},{"name":"date-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/date-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-base-kit.json","copy_url":"https://platejs.org/r/date-base-kit.json"},{"name":"footnote-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/footnote-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-base-kit.json","copy_url":"https://platejs.org/r/footnote-base-kit.json"},{"name":"excalidraw-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/excalidraw-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-kit.json","copy_url":"https://platejs.org/r/excalidraw-kit.json"},{"name":"font-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/font-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-base-kit.json","copy_url":"https://platejs.org/r/font-base-kit.json"},{"name":"indent-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/indent-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-base-kit.json","copy_url":"https://platejs.org/r/indent-base-kit.json"},{"name":"line-height-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/line-height-base-kit.json"},{"name":"link-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-base-kit.json","copy_url":"https://platejs.org/r/link-base-kit.json"},{"name":"list-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-base-kit.json","copy_url":"https://platejs.org/r/list-base-kit.json"},{"name":"math-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/math-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/math-base-kit.json","copy_url":"https://platejs.org/r/math-base-kit.json"},{"name":"media-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-base-kit.json","copy_url":"https://platejs.org/r/media-base-kit.json"},{"name":"mention-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mention-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-base-kit.json","copy_url":"https://platejs.org/r/mention-base-kit.json"},{"name":"suggestion-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-base-kit.json","copy_url":"https://platejs.org/r/suggestion-base-kit.json"},{"name":"table-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-base-kit.json","copy_url":"https://platejs.org/r/table-base-kit.json"},{"name":"toc-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toc-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-base-kit.json","copy_url":"https://platejs.org/r/toc-base-kit.json"},{"name":"toggle-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-base-kit.json","copy_url":"https://platejs.org/r/toggle-base-kit.json"},{"name":"editor-base-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-base-kit.json","copy_url":"https://platejs.org/r/editor-base-kit.json"},{"name":"ai-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-kit.json","copy_url":"https://platejs.org/r/ai-kit.json"},{"name":"align-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/align-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-kit.json","copy_url":"https://platejs.org/r/align-kit.json"},{"name":"autoformat-classic-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/autoformat-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-classic-kit.json","copy_url":"https://platejs.org/r/autoformat-classic-kit.json"},{"name":"autoformat-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/autoformat-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-kit.json","copy_url":"https://platejs.org/r/autoformat-kit.json"},{"name":"basic-blocks-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/basic-blocks-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-blocks-kit.json","copy_url":"https://platejs.org/r/basic-blocks-kit.json"},{"name":"basic-marks-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/basic-marks-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-marks-kit.json","copy_url":"https://platejs.org/r/basic-marks-kit.json"},{"name":"basic-nodes-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/basic-nodes-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-nodes-kit.json","copy_url":"https://platejs.org/r/basic-nodes-kit.json"},{"name":"block-menu-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-menu-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-menu-kit.json","copy_url":"https://platejs.org/r/block-menu-kit.json"},{"name":"block-placeholder-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-placeholder-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-placeholder-kit.json","copy_url":"https://platejs.org/r/block-placeholder-kit.json"},{"name":"block-selection-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-selection-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-selection-kit.json","copy_url":"https://platejs.org/r/block-selection-kit.json"},{"name":"callout-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/callout-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-kit.json","copy_url":"https://platejs.org/r/callout-kit.json"},{"name":"code-block-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-block-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-kit.json","copy_url":"https://platejs.org/r/code-block-kit.json"},{"name":"code-drawing-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-drawing-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-kit.json","copy_url":"https://platejs.org/r/code-drawing-kit.json"},{"name":"column-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/column-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-kit.json","copy_url":"https://platejs.org/r/column-kit.json"},{"name":"comment-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-kit.json","copy_url":"https://platejs.org/r/comment-kit.json"},{"name":"copilot-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/copilot-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-kit.json","copy_url":"https://platejs.org/r/copilot-kit.json"},{"name":"cursor-overlay-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/cursor-overlay-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/cursor-overlay-kit.json","copy_url":"https://platejs.org/r/cursor-overlay-kit.json"},{"name":"date-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/date-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-kit.json","copy_url":"https://platejs.org/r/date-kit.json"},{"name":"discussion-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/discussion-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/discussion-kit.json","copy_url":"https://platejs.org/r/discussion-kit.json"},{"name":"dnd-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/dnd-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/dnd-kit.json","copy_url":"https://platejs.org/r/dnd-kit.json"},{"name":"docx-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/docx-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/docx-kit.json","copy_url":"https://platejs.org/r/docx-kit.json"},{"name":"docx-export-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/docx-export-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/docx-export-kit.json","copy_url":"https://platejs.org/r/docx-export-kit.json"},{"name":"editor-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-kit.json","copy_url":"https://platejs.org/r/editor-kit.json"},{"name":"emoji-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/emoji-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-kit.json","copy_url":"https://platejs.org/r/emoji-kit.json"},{"name":"exit-break-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/exit-break-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/exit-break-kit.json","copy_url":"https://platejs.org/r/exit-break-kit.json"},{"name":"fixed-toolbar-classic-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/fixed-toolbar-classic-kit.json"},{"name":"fixed-toolbar-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-kit.json","copy_url":"https://platejs.org/r/fixed-toolbar-kit.json"},{"name":"floating-toolbar-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-kit.json","copy_url":"https://platejs.org/r/floating-toolbar-kit.json"},{"name":"floating-toolbar-classic-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/floating-toolbar-classic-kit.json"},{"name":"footnote-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/footnote-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-kit.json","copy_url":"https://platejs.org/r/footnote-kit.json"},{"name":"font-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/font-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-kit.json","copy_url":"https://platejs.org/r/font-kit.json"},{"name":"indent-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/indent-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-kit.json","copy_url":"https://platejs.org/r/indent-kit.json"},{"name":"line-height-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/line-height-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/line-height-kit.json","copy_url":"https://platejs.org/r/line-height-kit.json"},{"name":"link-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-kit.json","copy_url":"https://platejs.org/r/link-kit.json"},{"name":"list-classic-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-kit.json","copy_url":"https://platejs.org/r/list-classic-kit.json"},{"name":"list-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-kit.json","copy_url":"https://platejs.org/r/list-kit.json"},{"name":"markdown-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/markdown-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-kit.json","copy_url":"https://platejs.org/r/markdown-kit.json"},{"name":"math-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/math-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/math-kit.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-kit.json","copy_url":"https://platejs.org/r/media-kit.json"},{"name":"media-uploadthing-kit","title":null,"description":"media-kit + media-uploadthing-api","type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-uploadthing-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-uploadthing-kit.json","copy_url":"https://platejs.org/r/media-uploadthing-kit.json"},{"name":"mention-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mention-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-kit.json","copy_url":"https://platejs.org/r/mention-kit.json"},{"name":"slash-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/slash-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-kit.json","copy_url":"https://platejs.org/r/slash-kit.json"},{"name":"suggestion-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-kit.json","copy_url":"https://platejs.org/r/suggestion-kit.json"},{"name":"tabbable-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/tabbable-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/tabbable-kit.json","copy_url":"https://platejs.org/r/tabbable-kit.json"},{"name":"table-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-kit.json","copy_url":"https://platejs.org/r/table-kit.json"},{"name":"toc-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toc-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-kit.json","copy_url":"https://platejs.org/r/toc-kit.json"},{"name":"toggle-kit","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-kit.json","copy_url":"https://platejs.org/r/toggle-kit.json"},{"name":"ai-api","title":null,"description":null,"type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-api.json","copy_url":"https://platejs.org/r/ai-api.json"},{"name":"copilot-api","title":null,"description":null,"type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/copilot-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-api.json","copy_url":"https://platejs.org/r/copilot-api.json"},{"name":"media-uploadthing-api","title":null,"description":null,"type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-uploadthing-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-uploadthing-api.json","copy_url":"https://platejs.org/r/media-uploadthing-api.json"},{"name":"settings-dialog","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/settings-dialog.json","install_command":"npx shadcn@latest add https://platejs.org/r/settings-dialog.json","copy_url":"https://platejs.org/r/settings-dialog.json"},{"name":"use-chat","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/use-chat.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-chat.json","copy_url":"https://platejs.org/r/use-chat.json"},{"name":"transforms","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/transforms.json","install_command":"npx shadcn@latest add https://platejs.org/r/transforms.json","copy_url":"https://platejs.org/r/transforms.json"},{"name":"transforms-classic","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/transforms-classic.json","install_command":"npx shadcn@latest add https://platejs.org/r/transforms-classic.json","copy_url":"https://platejs.org/r/transforms-classic.json"},{"name":"plate-types","title":null,"description":null,"type":"registry:component","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plate-types.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate-types.json","copy_url":"https://platejs.org/r/plate-types.json"},{"name":"editor-ai","title":null,"description":"An AI editor","type":"registry:block","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-ai.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-ai.json","copy_url":"https://platejs.org/r/editor-ai.json"},{"name":"editor-select","title":null,"description":"A multi-select editor","type":"registry:block","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-select.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-select.json","copy_url":"https://platejs.org/r/editor-select.json"},{"name":"editor-basic","title":null,"description":"A basic editor","type":"registry:block","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-basic.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-basic.json","copy_url":"https://platejs.org/r/editor-basic.json"},{"name":"slate-to-html","title":null,"description":null,"type":"registry:block","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/slate-to-html.json","install_command":"npx shadcn@latest add https://platejs.org/r/slate-to-html.json","copy_url":"https://platejs.org/r/slate-to-html.json"},{"name":"suggestion","title":null,"description":null,"type":"registry:lib","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion.json","copy_url":"https://platejs.org/r/suggestion.json"},{"name":"uploadthing","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/uploadthing.json","install_command":"npx shadcn@latest add https://platejs.org/r/uploadthing.json","copy_url":"https://platejs.org/r/uploadthing.json"},{"name":"markdown-joiner-transform","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/markdown-joiner-transform.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-joiner-transform.json","copy_url":"https://platejs.org/r/markdown-joiner-transform.json"},{"name":"tailwind-scrollbar-hide","title":null,"description":null,"type":"registry:style","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/tailwind-scrollbar-hide.json","install_command":"npx shadcn@latest add https://platejs.org/r/tailwind-scrollbar-hide.json","copy_url":"https://platejs.org/r/tailwind-scrollbar-hide.json"},{"name":"highlight-style","title":null,"description":null,"type":"registry:style","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/highlight-style.json","install_command":"npx shadcn@latest add https://platejs.org/r/highlight-style.json","copy_url":"https://platejs.org/r/highlight-style.json"},{"name":"use-debounce","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/use-debounce.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-debounce.json","copy_url":"https://platejs.org/r/use-debounce.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/use-mobile.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-mobile.json","copy_url":"https://platejs.org/r/use-mobile.json"},{"name":"use-mounted","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/use-mounted.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-mounted.json","copy_url":"https://platejs.org/r/use-mounted.json"},{"name":"use-is-touch-device","title":null,"description":null,"type":"registry:hook","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/copilot-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-demo.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/select-editor-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/select-editor-demo.json","copy_url":"https://platejs.org/r/select-editor-demo.json"},{"name":"controlled-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/controlled-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/controlled-demo.json","copy_url":"https://platejs.org/r/controlled-demo.json"},{"name":"huge-document-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/huge-document-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/huge-document-demo.json","copy_url":"https://platejs.org/r/huge-document-demo.json"},{"name":"hundreds-editors-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/hundreds-editors-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/hundreds-editors-demo.json","copy_url":"https://platejs.org/r/hundreds-editors-demo.json"},{"name":"multiple-editors-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/multiple-editors-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/multiple-editors-demo.json","copy_url":"https://platejs.org/r/multiple-editors-demo.json"},{"name":"version-history-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/version-history-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/version-history-demo.json","copy_url":"https://platejs.org/r/version-history-demo.json"},{"name":"preview-markdown-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/preview-markdown-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/preview-markdown-demo.json","copy_url":"https://platejs.org/r/preview-markdown-demo.json"},{"name":"markdown-to-slate-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://platejs.org/r/markdown-to-slate-demo.json"},{"name":"markdown-streaming-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/markdown-streaming-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-streaming-demo.json","copy_url":"https://platejs.org/r/markdown-streaming-demo.json"},{"name":"collaboration-demo","title":null,"description":"Real-time collaboration with cursors and selections.","type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/collaboration-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/collaboration-demo.json","copy_url":"https://platejs.org/r/collaboration-demo.json"},{"name":"installation-next-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/installation-next-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/installation-next-demo.json","copy_url":"https://platejs.org/r/installation-next-demo.json"},{"name":"tabbable-demo","title":null,"description":null,"type":"registry:example","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/tabbable-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/tabbable-demo.json","copy_url":"https://platejs.org/r/tabbable-demo.json"},{"name":"docs-meta","title":"Documentation metadata","description":"Fumadocs metadata for plate documentation","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/docs-meta.json","install_command":"npx shadcn@latest add https://platejs.org/r/docs-meta.json","copy_url":"https://platejs.org/r/docs-meta.json"},{"name":"docs","title":"Documentation","description":"All documentation files for plate","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/docs.json","copy_url":"https://platejs.org/r/docs.json"},{"name":"fumadocs","title":"Fumadocs app","description":"Fumadocs app for plate","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fumadocs.json","install_command":"npx shadcn@latest add https://platejs.org/r/fumadocs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/controlled-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/controlled-docs.json","copy_url":"https://platejs.org/r/controlled-docs.json"},{"name":"debugging-docs","title":"Debugging","description":"Debugging in Plate.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/debugging-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/debugging-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editing-behavior-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editing-behavior-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-methods-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-methods-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/feature-kits-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/feature-kits-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/form-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/form-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/performance-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/performance-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/playwright-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/playwright-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-components-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-components-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-context-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-context-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-methods-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-methods-docs.json","copy_url":"https://platejs.org/r/plugin-methods-docs.json"},{"name":"plugin-rules-docs","title":"Plugin Rules","description":"Configure common editing behaviors.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-rules-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-rules-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-shortcuts-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-shortcuts-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plugin-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/static-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/static-docs.json","copy_url":"https://platejs.org/r/static-docs.json"},{"name":"troubleshooting-docs","title":"Troubleshooting","description":"Diagnose common Plate setup and runtime issues.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/troubleshooting-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/troubleshooting-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/typescript-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/typescript-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/unit-testing-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/unit-testing-docs.json","copy_url":"https://platejs.org/r/unit-testing-docs.json"},{"name":"ai-docs","title":"AI","description":"AI-powered writing assistance.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-docs.json","copy_url":"https://platejs.org/r/ai-docs.json"},{"name":"copilot-docs","title":"Copilot","description":"AI-powered text completion suggestions.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/copilot-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-docs.json","copy_url":"https://platejs.org/r/copilot-docs.json"},{"name":"comment-docs","title":"Comment","description":"Documentation for Comment","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-docs.json","copy_url":"https://platejs.org/r/comment-docs.json"},{"name":"discussion-docs","title":"Discussion","description":"Documentation for Discussion","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/discussion-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/discussion-docs.json","copy_url":"https://platejs.org/r/discussion-docs.json"},{"name":"suggestion-docs","title":"Suggestion","description":"Documentation for Suggestion","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-docs.json","copy_url":"https://platejs.org/r/suggestion-docs.json"},{"name":"yjs-docs","title":"Collaboration","description":"Real-time collaboration with Yjs","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/yjs-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/yjs-docs.json","copy_url":"https://platejs.org/r/yjs-docs.json"},{"name":"basic-blocks-docs","title":"Basic Blocks","description":"Paragraphs, headings, blockquotes, and horizontal rules.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/basic-blocks-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-blocks-docs.json","copy_url":"https://platejs.org/r/basic-blocks-docs.json"},{"name":"blockquote-docs","title":"Blockquote","description":"Documentation for Blockquote","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/blockquote-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/blockquote-docs.json","copy_url":"https://platejs.org/r/blockquote-docs.json"},{"name":"callout-docs","title":"Callout","description":"Documentation for Callout","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/callout-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-docs.json","copy_url":"https://platejs.org/r/callout-docs.json"},{"name":"code-block-docs","title":"Code Block","description":"Documentation for Code Block","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-docs.json","copy_url":"https://platejs.org/r/code-block-docs.json"},{"name":"code-drawing-docs","title":"Code Drawing","description":"Documentation for Code Drawing","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-drawing-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-docs.json","copy_url":"https://platejs.org/r/code-drawing-docs.json"},{"name":"column-docs","title":"Column","description":"Documentation for Column","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/column-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/date-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/equation-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-docs.json","copy_url":"https://platejs.org/r/equation-docs.json"},{"name":"excalidraw-docs","title":"Excalidraw","description":"Void Excalidraw drawing blocks stored inside Plate values.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/excalidraw-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-docs.json","copy_url":"https://platejs.org/r/excalidraw-docs.json"},{"name":"footnote-docs","title":"Footnote","description":"Documentation for Footnote","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/footnote-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/heading-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/heading-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/horizontal-rule-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/horizontal-rule-docs.json","copy_url":"https://platejs.org/r/horizontal-rule-docs.json"},{"name":"link-docs","title":"Link","description":"Documentation for Link","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-docs.json","copy_url":"https://platejs.org/r/link-docs.json"},{"name":"list-classic-docs","title":"List Classic","description":"Documentation for List Classic","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-classic-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-docs.json","copy_url":"https://platejs.org/r/list-classic-docs.json"},{"name":"media-docs","title":"Media","description":"Documentation for Media","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mention-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-docs.json","copy_url":"https://platejs.org/r/mention-docs.json"},{"name":"table-docs","title":"Table","description":"Documentation for Table","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-docs.json","copy_url":"https://platejs.org/r/table-docs.json"},{"name":"toc-docs","title":"Table of Contents","description":"Documentation for Table of Contents","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toc-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-docs.json","copy_url":"https://platejs.org/r/toc-docs.json"},{"name":"toggle-docs","title":"Toggle","description":"Documentation for Toggle","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-docs.json","copy_url":"https://platejs.org/r/toggle-docs.json"},{"name":"combobox-docs","title":"Combobox","description":"Documentation for Combobox","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/combobox-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/combobox-docs.json","copy_url":"https://platejs.org/r/combobox-docs.json"},{"name":"emoji-docs","title":"Emoji","description":"Inline emoji search and toolbar emoji picking.","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/emoji-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-docs.json","copy_url":"https://platejs.org/r/emoji-docs.json"},{"name":"slash-command-docs","title":"Slash Command","description":"Documentation for Slash Command","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/slash-command-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-command-docs.json","copy_url":"https://platejs.org/r/slash-command-docs.json"},{"name":"exit-break-docs","title":"Exit Break","description":"Documentation for Exit Break","type":"registry:file","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/exit-break-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/exit-break-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/forced-layout-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/forced-layout-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/single-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/single-block-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/trailing-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/trailing-block-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/autoformat-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-docs.json","copy_url":"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","tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-menu-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-menu-docs.json","copy_url":"https://platejs.org/r/block-menu-docs.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"],"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.vercel.app/registry/prompt-kit","markdown":"https://sh4dcn.vercel.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":2906,"open_issues":12,"last_commit":"2026-03-12T17:00:34Z"},"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/chatbot.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/chatbot.json","copy_url":"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","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat UI"],"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","copy_url":"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","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.vercel.app/registry/prosekit","markdown":"https://sh4dcn.vercel.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":1134,"open_issues":31,"last_commit":"2026-07-06T13:24:45Z"},"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-blockquote.json","copy_url":"https://prosekit.dev/r/react-example-blockquote.json"},{"name":"react-example-bold","title":"react-example-bold","description":"Example for bold mark.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-bold.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-code.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-full.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-heading.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-highlight.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-italic.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-katex.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-keymap.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-link.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-list.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-loro.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-minimal.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-notion.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-notion.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-page.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-page.json","copy_url":"https://prosekit.dev/r/react-example-page.json"},{"name":"react-example-placeholder","title":"react-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-placeholder.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-readonly.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-rtl.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-search.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-strike.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-table.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-toolbar.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-tweet.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-tweet.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-typography.json","copy_url":"https://prosekit.dev/r/react-example-typography.json"},{"name":"react-example-underline","title":"react-example-underline","description":"Example for underline mark.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-underline.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-unmount.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-unmount.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-example-view-adapter.json"},{"name":"react-example-word-counter","title":"react-example-word-counter","description":"Display word and character count statistics.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-yjs.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-yjs.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-sample-define-atom-block.json"},{"name":"react-sample-katex","title":"react-sample-katex","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-katex.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-block-handle.json"},{"name":"react-ui-button","title":"react-ui-button","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-ui-button.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-button.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-image-view.json"},{"name":"react-ui-inline-menu","title":"react-ui-inline-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-inline-menu.json"},{"name":"react-ui-search","title":"react-ui-search","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-ui-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-search.json","copy_url":"https://prosekit.dev/r/react-ui-search.json"},{"name":"react-ui-slash-menu","title":"react-ui-slash-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-slash-menu.json"},{"name":"react-ui-table-handle","title":"react-ui-table-handle","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-table-handle.json"},{"name":"react-ui-tag-menu","title":"react-ui-tag-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-tag-menu.json"},{"name":"react-ui-toolbar","title":"react-ui-toolbar","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-ui-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-toolbar.json","copy_url":"https://prosekit.dev/r/react-ui-toolbar.json"},{"name":"react-ui-user-menu","title":"react-ui-user-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/react-ui-user-menu.json"},{"name":"react-ui-word-counter","title":"react-ui-word-counter","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-blockquote.json","copy_url":"https://prosekit.dev/r/preact-example-blockquote.json"},{"name":"preact-example-bold","title":"preact-example-bold","description":"Example for bold mark.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-bold.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-code.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-full.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-heading.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-highlight.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-italic.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-katex.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-keymap.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-link.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-list.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-loro.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-minimal.json","copy_url":"https://prosekit.dev/r/preact-example-minimal.json"},{"name":"preact-example-placeholder","title":"preact-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-placeholder.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-readonly.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-rtl.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-search.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-strike.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-table.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-toolbar.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-typography.json","copy_url":"https://prosekit.dev/r/preact-example-typography.json"},{"name":"preact-example-underline","title":"preact-example-underline","description":"Example for underline mark.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-underline.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-unmount.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-unmount.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-example-yjs.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-yjs.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-sample-define-atom-block.json"},{"name":"preact-sample-katex","title":"preact-sample-katex","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-sample-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-katex.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-block-handle.json"},{"name":"preact-ui-button","title":"preact-ui-button","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-ui-button.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-button.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-image-view.json"},{"name":"preact-ui-inline-menu","title":"preact-ui-inline-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-inline-menu.json"},{"name":"preact-ui-search","title":"preact-ui-search","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-ui-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-search.json","copy_url":"https://prosekit.dev/r/preact-ui-search.json"},{"name":"preact-ui-slash-menu","title":"preact-ui-slash-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-slash-menu.json"},{"name":"preact-ui-table-handle","title":"preact-ui-table-handle","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-table-handle.json"},{"name":"preact-ui-tag-menu","title":"preact-ui-tag-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-tag-menu.json"},{"name":"preact-ui-toolbar","title":"preact-ui-toolbar","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/preact-ui-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-toolbar.json","copy_url":"https://prosekit.dev/r/preact-ui-toolbar.json"},{"name":"preact-ui-user-menu","title":"preact-ui-user-menu","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/preact-ui-user-menu.json"},{"name":"preact-ui-word-counter","title":"preact-ui-word-counter","description":null,"type":"registry:component","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-blockquote.json","copy_url":"https://prosekit.dev/r/vue-example-blockquote.json"},{"name":"vue-example-bold","title":"vue-example-bold","description":"Example for bold mark.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-bold.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-code.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-full.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-heading.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-highlight.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-italic.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-katex.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-keymap.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-link.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-list.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-loro.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-minimal.json","copy_url":"https://prosekit.dev/r/vue-example-minimal.json"},{"name":"vue-example-placeholder","title":"vue-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-placeholder.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-readonly.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-rtl.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-search.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-strike.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-table.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"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","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://prosekit.dev/r/vue-example-text-color.json"},{"name":"vue-example-toolbar","title":"vue-example-toolbar","description":"Formatting toolbar with common editing actions.","type":"registry:block","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/vue-example-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-toolbar.json","copy_url":"https://prosekit.dev/r/vue-example-toolbar.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","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://pulkit.page","github":"https://github.com/Pulkitxm","registry":"https://pulkit.page/components/registry.json","source":"https://pulkit.page/components/registry.json","page":"https://sh4dcn.vercel.app/registry/pulkitxm","markdown":"https://sh4dcn.vercel.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://www.pulkit.page/home.webp","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pulkit.page/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://pulkit.page/components/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pulkit.page/components/registry.json","install_bun":"bunx shadcn@latest add https://pulkit.page/components/registry.json","clone":"git clone https://github.com/Pulkitxm.git","clone_degit":"npx degit Pulkitxm","registry_fetch":"curl -s https://pulkit.page/components/registry.json"},"component_count":31,"components":[{"name":"slide-in-text","title":"Slide In Text","description":"Animates text sliding in from the left with a fade on scroll into view.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/slide-in-text.json","install_command":"npx shadcn@latest add https://pulkit.page/components/slide-in-text.json","copy_url":"https://pulkit.page/components/slide-in-text.json"},{"name":"network-image","title":"Network Image","description":"Image component that adapts quality and loading strategy based on real-time network speed.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/network-image.json","install_command":"npx shadcn@latest add https://pulkit.page/components/network-image.json","copy_url":"https://pulkit.page/components/network-image.json"},{"name":"animated-underline","title":"Animated Underline","description":"Animated underline that tracks hover/active state and slides beneath nav items. Use with data-link-index on list items.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/animated-underline.json","install_command":"npx shadcn@latest add https://pulkit.page/components/animated-underline.json","copy_url":"https://pulkit.page/components/animated-underline.json"},{"name":"animated-underline-navbar","title":"Animated Underline Navbar","description":"Sample navbar demonstrating AnimatedUnderline with hover and active states.","type":"registry:block","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/animated-underline-navbar.json","install_command":"npx shadcn@latest add https://pulkit.page/components/animated-underline-navbar.json","copy_url":"https://pulkit.page/components/animated-underline-navbar.json"},{"name":"party-popper","title":"Party Popper","description":"Confetti celebration effect on click. Wraps any trigger element and fires particles on interaction.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/party-popper.json","install_command":"npx shadcn@latest add https://pulkit.page/components/party-popper.json","copy_url":"https://pulkit.page/components/party-popper.json"},{"name":"parallax-image","title":"Parallax Image","description":"Scroll-linked parallax effect for images or content. Moves children on scroll for depth.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/parallax-image.json","install_command":"npx shadcn@latest add https://pulkit.page/components/parallax-image.json","copy_url":"https://pulkit.page/components/parallax-image.json"},{"name":"not-found-page","title":"Not Found Page","description":"Animated 404 page with subtle icon motion and reduced-motion support.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/not-found-page.json","install_command":"npx shadcn@latest add https://pulkit.page/components/not-found-page.json","copy_url":"https://pulkit.page/components/not-found-page.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Accessible dark mode toggle with View Transitions API support and icon, icon-label, or dual-tab variants.","type":"registry:block","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/theme-toggle.json","install_command":"npx shadcn@latest add https://pulkit.page/components/theme-toggle.json","copy_url":"https://pulkit.page/components/theme-toggle.json"},{"name":"text-scramble","title":"Text Scramble","description":"Text that decrypts character by character with a scramble effect. Trigger on scroll, hover, or mount.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/text-scramble.json","install_command":"npx shadcn@latest add https://pulkit.page/components/text-scramble.json","copy_url":"https://pulkit.page/components/text-scramble.json"},{"name":"tilt-card-glare","title":"Tilt Card Glare","description":"3D card with tilt and holographic glare effect that follows the cursor.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/tilt-card-glare.json","install_command":"npx shadcn@latest add https://pulkit.page/components/tilt-card-glare.json","copy_url":"https://pulkit.page/components/tilt-card-glare.json"},{"name":"line-draw-svg","title":"Line Draw SVG","description":"SVG path that draws itself on scroll, hover, or mount. Presets: diamond, circle, star, heart, arrow.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/line-draw-svg.json","install_command":"npx shadcn@latest add https://pulkit.page/components/line-draw-svg.json","copy_url":"https://pulkit.page/components/line-draw-svg.json"},{"name":"fluid-cursor-trail","title":"Fluid Cursor Trail","description":"Canvas particle trail that follows the cursor. Fixed overlay, customizable color and particle count.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/fluid-cursor-trail.json","install_command":"npx shadcn@latest add https://pulkit.page/components/fluid-cursor-trail.json","copy_url":"https://pulkit.page/components/fluid-cursor-trail.json"},{"name":"typewriter","title":"Typewriter","description":"Typewriter effect that cycles through phrases with variable typing speed and blinking cursor.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/typewriter.json","install_command":"npx shadcn@latest add https://pulkit.page/components/typewriter.json","copy_url":"https://pulkit.page/components/typewriter.json"},{"name":"magnetic-cursor-dock","title":"Magnetic Cursor Dock","description":"macOS-style dock with magnetic cursor effect. Items scale and lift as cursor approaches.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/magnetic-cursor-dock.json","install_command":"npx shadcn@latest add https://pulkit.page/components/magnetic-cursor-dock.json","copy_url":"https://pulkit.page/components/magnetic-cursor-dock.json"},{"name":"aurora-background","title":"Aurora Background","description":"Living aurora background with multiple variants. Sunset, ocean, forest, lavender, ember, ice.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/aurora-background.json","install_command":"npx shadcn@latest add https://pulkit.page/components/aurora-background.json","copy_url":"https://pulkit.page/components/aurora-background.json"},{"name":"svg-morph-button","title":"SVG Morph Button","description":"Button with SVG path morph animation. Supports custom paths for idle, hover, loading, success.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/svg-morph-button.json","install_command":"npx shadcn@latest add https://pulkit.page/components/svg-morph-button.json","copy_url":"https://pulkit.page/components/svg-morph-button.json"},{"name":"svg-particle","title":"SVG Particle","description":"400x400 Three.js particle field from SVG. lucide-react, react-icons, Heroicons, Tabler, Phosphor, and similar libs work out of the box. Cursor repel + spring h…","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/svg-particle.json","install_command":"npx shadcn@latest add https://pulkit.page/components/svg-particle.json","copy_url":"https://pulkit.page/components/svg-particle.json"},{"name":"swap-button","title":"Swap Button","description":"Shadcn button that swaps between two labels (and optional icons) with a crossfade. Width stays put. No layout jump when copy changes.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/swap-button.json","install_command":"npx shadcn@latest add https://pulkit.page/components/swap-button.json","copy_url":"https://pulkit.page/components/swap-button.json"},{"name":"stagger-reveal-grid","title":"Stagger Reveal Grid","description":"Grid that reveals items with wave-like stagger on scroll. Configurable columns and timing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/stagger-reveal-grid.json","install_command":"npx shadcn@latest add https://pulkit.page/components/stagger-reveal-grid.json","copy_url":"https://pulkit.page/components/stagger-reveal-grid.json"},{"name":"handwriting-svg","title":"Handwriting SVG","description":"SVG path that draws itself on mount. Pass path for custom shapes or text to render handwriting.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/handwriting-svg.json","install_command":"npx shadcn@latest add https://pulkit.page/components/handwriting-svg.json","copy_url":"https://pulkit.page/components/handwriting-svg.json"},{"name":"gravity-scroll-cards","title":"Gravity Scroll Cards","description":"Cards that stack and unstack with scroll. Gravity-style depth effect.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/gravity-scroll-cards.json","install_command":"npx shadcn@latest add https://pulkit.page/components/gravity-scroll-cards.json","copy_url":"https://pulkit.page/components/gravity-scroll-cards.json"},{"name":"scroll-linked-video-scrubber","title":"Scroll-Linked Video Scrubber","description":"Scroll-jacks the page when the video reaches the viewport top. Scrubs video forward/backward with wheel input.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/scroll-linked-video-scrubber.json","install_command":"npx shadcn@latest add https://pulkit.page/components/scroll-linked-video-scrubber.json","copy_url":"https://pulkit.page/components/scroll-linked-video-scrubber.json"},{"name":"horizontal-scroll-gallery","title":"Horizontal Scroll Gallery","description":"Pinned section where vertical scroll drives horizontal gallery position. Same pattern as Scroll-Linked Video Scrubber.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/horizontal-scroll-gallery.json","install_command":"npx shadcn@latest add https://pulkit.page/components/horizontal-scroll-gallery.json","copy_url":"https://pulkit.page/components/horizontal-scroll-gallery.json"},{"name":"infinite-circular-scroll","title":"Infinite Circular Scroll","description":"Circular layout with numbered cards. Scroll wheel rotates the circle. No scrollbar, finite cards.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/infinite-circular-scroll.json","install_command":"npx shadcn@latest add https://pulkit.page/components/infinite-circular-scroll.json","copy_url":"https://pulkit.page/components/infinite-circular-scroll.json"},{"name":"cursor-spotlight","title":"Cursor Spotlight","description":"Cursor spotlight effect. Dimmed background with bright radial gradient following cursor.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/cursor-spotlight.json","install_command":"npx shadcn@latest add https://pulkit.page/components/cursor-spotlight.json","copy_url":"https://pulkit.page/components/cursor-spotlight.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Fixed bar at the top that scales horizontally with scroll progress. Uses Framer Motion for smooth updates.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/scroll-progress.json","install_command":"npx shadcn@latest add https://pulkit.page/components/scroll-progress.json","copy_url":"https://pulkit.page/components/scroll-progress.json"},{"name":"resizable-panels","title":"Resizable Panels","description":"Drag-resizable panels for dashboards, IDEs, and editors. Supports horizontal/vertical layout and dynamic panel count.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/resizable-panels.json","install_command":"npx shadcn@latest add https://pulkit.page/components/resizable-panels.json","copy_url":"https://pulkit.page/components/resizable-panels.json"},{"name":"number-counter","title":"Number Counter","description":"Animated number counter that counts from 0 to target. Tabular nums prevent layout shift, respects reduced motion.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/number-counter.json","install_command":"npx shadcn@latest add https://pulkit.page/components/number-counter.json","copy_url":"https://pulkit.page/components/number-counter.json"},{"name":"tabs","title":"Tabs","description":"Accessible tabs with icon support, sliding indicator, and optional content panels. Keyboard navigable.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/tabs.json","install_command":"npx shadcn@latest add https://pulkit.page/components/tabs.json","copy_url":"https://pulkit.page/components/tabs.json"},{"name":"lonely-tab-title","title":"Lonely Tab Title","description":"Changes the page title to a custom message when the user switches away from the tab. Uses the Page Visibility API.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/lonely-tab-title.json","install_command":"npx shadcn@latest add https://pulkit.page/components/lonely-tab-title.json","copy_url":"https://pulkit.page/components/lonely-tab-title.json"},{"name":"lqip-image","title":"LQIP Image","description":"Image component with Low Quality Image Placeholder (LQIP). Shows a blurred placeholder that fades into the full image on load.","type":"registry:component","tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","pro-available","saas","text-effects","theming"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/lqip-image.json","install_command":"npx shadcn@latest add https://pulkit.page/components/lqip-image.json","copy_url":"https://pulkit.page/components/lqip-image.json"}]},{"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","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"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.vercel.app/registry/pulld","markdown":"https://sh4dcn.vercel.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":42,"components":[{"name":"copy-button","title":"Copy Button","description":"Accessible icon button that copies a string to the clipboard and shows a transient copied state. Has aria-label, an aria-live announcement, keyboard focus ring…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/copy-button.json"},{"name":"kbd","title":"Kbd","description":"Inline keyboard key hint that renders a styled <kbd> element for showing shortcuts, hotkeys, and keybindings like Cmd+K, Ctrl+S, or ⇧⌘P. Use it in command pale…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/kbd.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/kbd.json","copy_url":"https://pulld.pages.dev/r/kbd.json"},{"name":"empty-state","title":"Empty State","description":"Centered empty/zero-data placeholder with an optional icon, title, description, and call-to-action slot. Use it when a list, table, search result, inbox, or da…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/stat-card.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Self-contained light/dark mode toggle button. Persists the choice to localStorage, respects the OS prefers-color-scheme on first load, and toggles the 'dark' c…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/theme-toggle.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"Row of overlapping circular avatars (a facepile) that collapses the overflow into a '+N' badge past a max count, with a letter-initial fallback when an avatar …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/avatar-stack.json"},{"name":"password-input","title":"Password Input","description":"Password text input with a built-in show/hide toggle button. Toggles between password and text, has an accessible aria-label and aria-pressed, and the toggle s…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/password-input.json"},{"name":"spinner","title":"Spinner","description":"Accessible loading spinner (animated lucide Loader2) with role=status, aria-live, and a configurable screen-reader-only label so assistive tech announces the b…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/spinner.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/spinner.json","copy_url":"https://pulld.pages.dev/r/spinner.json"},{"name":"code-block","title":"Code Block","description":"Code snippet container with an optional language label and a hover/focus-revealed copy button (composes pulld's copy-button). Use it in docs, changelogs, and d…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/code-block.json"},{"name":"loading-button","title":"Loading Button","description":"Button that shows a spinner and disables itself while an async action is pending. Set loading=true during submit, save, or checkout to prevent double-clicks; a…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/loading-button.json"},{"name":"confirm-button","title":"Confirm Button","description":"Two-step confirm button for destructive actions: the first click arms it and swaps the label to a confirmation prompt, the second click runs onConfirm. Auto-re…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/confirm-button.json"},{"name":"command-palette","title":"Command Palette","description":"A production-ready ⌘K command palette: accessible (combobox/listbox roles, aria-activedescendant, focus trapped and restored), full keyboard navigation with wr…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/command-palette.json"},{"name":"toast","title":"Toast","description":"A production-ready toast/notification system: call toast(), toast.success/error/info/warning/loading or toast.promise() from anywhere — no provider or context …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/toast.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/toast.json","copy_url":"https://pulld.pages.dev/r/toast.json"},{"name":"search-input","title":"Search Input","description":"Search field with a leading search icon and a trailing clear (✕) button that appears once there's text and empties the field, refocusing it. Works controlled o…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/search-input.json"},{"name":"number-input","title":"Number Input","description":"Number field with − and + stepper buttons that respect min, max, and step (including decimal steps), so users adjust a value without selecting and retyping. Wo…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/number-input.json"},{"name":"otp-input","title":"OTP Input","description":"One-time passcode / verification code input split into individual single-character slots (default 6). Use it for two-factor authentication (2FA), email confirm…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/otp-input.json"},{"name":"tag-input","title":"Tag Input","description":"Multi-value text input that turns typed entries into removable chips — press Enter or comma to add a tag, click the × or press Backspace on an empty field to r…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/tag-input.json"},{"name":"copy-field","title":"Copy Field","description":"Read-only input that shows a value with a copy button docked at its right edge — one click copies, and focusing or clicking the field selects the whole value f…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/copy-field.json"},{"name":"segmented-control","title":"Segmented Control","description":"Horizontal group of 2–4 mutually exclusive options rendered as one pill/track — a lighter switch than Tabs for toggling a view, time range, unit, sort order, o…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/segmented-control.json"},{"name":"step-indicator","title":"Step Indicator","description":"Horizontal stepper that shows progress through a fixed sequence — numbered circle markers joined by a line, with each step rendered as complete (filled with a …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/step-indicator.json"},{"name":"rating","title":"Rating","description":"Star rating for both input and display, with half-star support. Use it to collect a score — rate this product, leave a review, a satisfaction or feedback ratin…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/rating.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/rating.json","copy_url":"https://pulld.pages.dev/r/rating.json"},{"name":"timeline","title":"Timeline","description":"Vertical timeline that renders a list of events as dots on a connecting line, each with an optional time, title, and description. Use it for an activity feed, …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/timeline.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/timeline.json","copy_url":"https://pulld.pages.dev/r/timeline.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"Dismissible top-of-page announcement / notice bar for a site-wide message: a new feature or launch, a promo/sale/campaign, a scheduled-maintenance or downtime …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/announcement-bar.json"},{"name":"file-dropzone","title":"File Dropzone","description":"Drag-and-drop file upload area that also opens the native file picker on click, Enter, or Space. Use it wherever a user uploads a file: an avatar or image uplo…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/file-dropzone.json"},{"name":"progress-ring","title":"Progress Ring","description":"Circular (radial) progress indicator drawn with SVG stroke-dasharray, showing completion as a ring that fills clockwise from 12 o'clock with a smooth animated …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/progress-ring.json"},{"name":"pricing-card","title":"Pricing Card","description":"A pricing plan card for a pricing page, upsell, or paywall/subscription row: plan name, a big price with a billing period (e.g. $29 /mo), an optional short des…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/pricing-card.json"},{"name":"feature-card","title":"Feature Card","description":"An icon + title + description feature card for a \"why us\", benefits, or features grid on a landing or marketing page: a tinted icon square, a heading, and a li…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/feature-card.json"},{"name":"gauge","title":"Gauge","description":"A semicircular (half-circle) gauge / dial that shows a single measurement within a known range, drawn with an SVG arc that fills from the left with a smooth an…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/gauge.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/gauge.json","copy_url":"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 a timer so the label stays fresh without a reload. Use it wher…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/time-ago.json"},{"name":"multi-select","title":"Multi Select","description":"Searchable multi-select dropdown — pick several options from a list, shown as removable badges in the trigger. Use it wherever a form needs \"choose one or more…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat UI"],"source_url":"https://pulld.pages.dev/r/countdown.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/countdown.json","copy_url":"https://pulld.pages.dev/r/countdown.json"},{"name":"inline-edit","title":"Inline Edit","description":"Click-to-edit text that stays in place: it shows a value as plain text with a subtle pencil affordance, then swaps to an input right where the text was when yo…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/inline-edit.json"},{"name":"autosize-textarea","title":"Autosize Textarea","description":"A textarea that auto-grows as you type and stops at a maximum height, then scrolls. Use it wherever a fixed-height box is wrong: a chat, message, or AI prompt …","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/currency-input.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"A text input whose label rests inside the field like a placeholder, then shrinks and floats up onto the top border the moment the field is focused or has a val…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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. Use it wherever edits persist in the…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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 user has to type the resource's own name (\"acme-prod\") before the destructive button turns on. Us…","type":"registry:ui","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"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","tags":["accessibility","ai","auth","blocks","buttons","cards","forms","loaders","media","onboarding","overlays","pro-available","theming"],"categories":["AI/chat 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","copy_url":"https://pulld.pages.dev/r/bento-grid.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.vercel.app/registry/pureui","markdown":"https://sh4dcn.vercel.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":148,"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":"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.vercel.app/registry/ramonclaudio-coderabbit","markdown":"https://sh4dcn.vercel.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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"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","copy_url":"https://coderabbit-shadcn-registry.vercel.app/r/mysql.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.vercel.app/registry/react-aria","markdown":"https://sh4dcn.vercel.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":15639,"open_issues":575,"last_commit":"2026-07-08T02:33:50Z"},"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":111,"components":[{"name":"tailwind","title":null,"description":null,"type":"registry:style","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind.json","copy_url":"https://react-aria.adobe.com/registry/tailwind.json"},{"name":"tailwind-alertdialog","title":"AlertDialog","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-alertdialog.json"},{"name":"tailwind-breadcrumbs","title":"Breadcrumbs","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-breadcrumbs.json"},{"name":"tailwind-button","title":"Button","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-button.json"},{"name":"tailwind-calendar","title":"Calendar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-calendar.json"},{"name":"tailwind-checkbox","title":"Checkbox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-checkbox.json"},{"name":"tailwind-checkboxgroup","title":"CheckboxGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-checkboxgroup.json"},{"name":"tailwind-colorarea","title":"ColorArea","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorarea.json"},{"name":"tailwind-colorfield","title":"ColorField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorfield.json"},{"name":"tailwind-colorpicker","title":"ColorPicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorpicker.json"},{"name":"tailwind-colorslider","title":"ColorSlider","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorslider.json"},{"name":"tailwind-colorswatch","title":"ColorSwatch","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorswatch.json"},{"name":"tailwind-colorswatchpicker","title":"ColorSwatchPicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorswatchpicker.json"},{"name":"tailwind-colorthumb","title":"ColorThumb","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorthumb.json"},{"name":"tailwind-colorwheel","title":"ColorWheel","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-colorwheel.json"},{"name":"tailwind-combobox","title":"ComboBox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-combobox.json"},{"name":"tailwind-commandpalette","title":"CommandPalette","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-commandpalette.json"},{"name":"tailwind-datefield","title":"DateField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-datefield.json"},{"name":"tailwind-datepicker","title":"DatePicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-datepicker.json"},{"name":"tailwind-daterangepicker","title":"DateRangePicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-daterangepicker.json"},{"name":"tailwind-dialog","title":"Dialog","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-dialog.json"},{"name":"tailwind-disclosure","title":"Disclosure","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-disclosure.json"},{"name":"tailwind-disclosuregroup","title":"DisclosureGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-disclosuregroup.json"},{"name":"tailwind-dropzone","title":"DropZone","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-dropzone.json"},{"name":"tailwind-field","title":"Field","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-field.json"},{"name":"tailwind-fieldbutton","title":"FieldButton","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-fieldbutton.json"},{"name":"tailwind-form","title":"Form","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-form.json"},{"name":"tailwind-gridlist","title":"GridList","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-gridlist.json"},{"name":"tailwind-link","title":"Link","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-link.json"},{"name":"tailwind-listbox","title":"ListBox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-listbox.json"},{"name":"tailwind-menu","title":"Menu","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-menu.json"},{"name":"tailwind-meter","title":"Meter","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-meter.json"},{"name":"tailwind-modal","title":"Modal","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-modal.json"},{"name":"tailwind-numberfield","title":"NumberField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-numberfield.json"},{"name":"tailwind-popover","title":"Popover","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-popover.json"},{"name":"tailwind-progressbar","title":"ProgressBar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-progressbar.json"},{"name":"tailwind-radiogroup","title":"RadioGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-radiogroup.json"},{"name":"tailwind-rangecalendar","title":"RangeCalendar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-rangecalendar.json"},{"name":"tailwind-searchfield","title":"SearchField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-searchfield.json"},{"name":"tailwind-select","title":"Select","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-select.json"},{"name":"tailwind-separator","title":"Separator","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-separator.json"},{"name":"tailwind-slider","title":"Slider","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-slider.json"},{"name":"tailwind-switch","title":"Switch","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-switch.json"},{"name":"tailwind-table","title":"Table","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-table.json"},{"name":"tailwind-tabs","title":"Tabs","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-tabs.json"},{"name":"tailwind-taggroup","title":"TagGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-taggroup.json"},{"name":"tailwind-textfield","title":"TextField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-textfield.json"},{"name":"tailwind-timefield","title":"TimeField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-timefield.json"},{"name":"tailwind-toast","title":"Toast","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-toast.json"},{"name":"tailwind-togglebutton","title":"ToggleButton","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-togglebutton.json"},{"name":"tailwind-togglebuttongroup","title":"ToggleButtonGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-togglebuttongroup.json"},{"name":"tailwind-toolbar","title":"Toolbar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-toolbar.json"},{"name":"tailwind-tooltip","title":"Tooltip","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-tooltip.json"},{"name":"tailwind-tree","title":"Tree","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-tree.json"},{"name":"tailwind-utils","title":"utils","description":null,"type":"registry:lib","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/tailwind-utils.json"},{"name":"css","title":null,"description":null,"type":"registry:style","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css.json","copy_url":"https://react-aria.adobe.com/registry/css.json"},{"name":"css-breadcrumbs","title":"Breadcrumbs","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-breadcrumbs.json"},{"name":"css-button","title":"Button","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-button.json"},{"name":"css-calendar","title":"Calendar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-calendar.json"},{"name":"css-checkbox","title":"Checkbox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-checkbox.json"},{"name":"css-checkboxgroup","title":"CheckboxGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-checkboxgroup.json"},{"name":"css-colorarea","title":"ColorArea","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorarea.json"},{"name":"css-colorfield","title":"ColorField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorfield.json"},{"name":"css-colorpicker","title":"ColorPicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorpicker.json"},{"name":"css-colorslider","title":"ColorSlider","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorslider.json"},{"name":"css-colorswatch","title":"ColorSwatch","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorswatch.json"},{"name":"css-colorswatchpicker","title":"ColorSwatchPicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorswatchpicker.json"},{"name":"css-colorthumb","title":"ColorThumb","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorthumb.json"},{"name":"css-colorwheel","title":"ColorWheel","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-colorwheel.json"},{"name":"css-combobox","title":"ComboBox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-combobox.json"},{"name":"css-commandpalette","title":"CommandPalette","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-commandpalette.json"},{"name":"css-content","title":"Content","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-content.json"},{"name":"css-datefield","title":"DateField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-datefield.json"},{"name":"css-datepicker","title":"DatePicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-datepicker.json"},{"name":"css-daterangepicker","title":"DateRangePicker","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-daterangepicker.json"},{"name":"css-dialog","title":"Dialog","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-dialog.json"},{"name":"css-disclosure","title":"Disclosure","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-disclosure.json"},{"name":"css-disclosuregroup","title":"DisclosureGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-disclosuregroup.json"},{"name":"css-dropzone","title":"DropZone","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-dropzone.json"},{"name":"css-form","title":"Form","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-form.json"},{"name":"css-gridlist","title":"GridList","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-gridlist.json"},{"name":"css-inputgroup","title":"InputGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-inputgroup.json"},{"name":"css-link","title":"Link","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-link.json"},{"name":"css-listbox","title":"ListBox","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-listbox.json"},{"name":"css-menu","title":"Menu","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-menu.json"},{"name":"css-meter","title":"Meter","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-meter.json"},{"name":"css-modal","title":"Modal","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-modal.json"},{"name":"css-numberfield","title":"NumberField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-numberfield.json"},{"name":"css-popover","title":"Popover","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-popover.json"},{"name":"css-progressbar","title":"ProgressBar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-progressbar.json"},{"name":"css-progresscircle","title":"ProgressCircle","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-progresscircle.json"},{"name":"css-radiogroup","title":"RadioGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-radiogroup.json"},{"name":"css-rangecalendar","title":"RangeCalendar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-rangecalendar.json"},{"name":"css-searchfield","title":"SearchField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-searchfield.json"},{"name":"css-segmentedcontrol","title":"SegmentedControl","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-segmentedcontrol.json"},{"name":"css-select","title":"Select","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-select.json"},{"name":"css-separator","title":"Separator","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-separator.json"},{"name":"css-sheet","title":"Sheet","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-sheet.json"},{"name":"css-slider","title":"Slider","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-slider.json"},{"name":"css-switch","title":"Switch","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-switch.json"},{"name":"css-table","title":"Table","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-table.json"},{"name":"css-tabs","title":"Tabs","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-tabs.json"},{"name":"css-taggroup","title":"TagGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-taggroup.json"},{"name":"css-textfield","title":"TextField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-textfield.json"},{"name":"css-timefield","title":"TimeField","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-timefield.json"},{"name":"css-toast","title":"Toast","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-toast.json"},{"name":"css-togglebutton","title":"ToggleButton","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-togglebutton.json"},{"name":"css-togglebuttongroup","title":"ToggleButtonGroup","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-togglebuttongroup.json"},{"name":"css-toolbar","title":"Toolbar","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-toolbar.json"},{"name":"css-tooltip","title":"Tooltip","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-tooltip.json"},{"name":"css-tree","title":"Tree","description":null,"type":"registry:ui","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"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","copy_url":"https://react-aria.adobe.com/registry/css-tree.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.vercel.app/registry/react-bits","markdown":"https://sh4dcn.vercel.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-pic.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":42980,"open_issues":1,"last_commit":"2026-07-08T08:26:36Z"},"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 animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-JS-CSS.json","copy_url":"https://reactbits.dev/r/AnimatedContent-JS-CSS.json"},{"name":"AnimatedContent-JS-TW","title":"AnimatedContent","description":"Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-JS-TW.json","copy_url":"https://reactbits.dev/r/AnimatedContent-JS-TW.json"},{"name":"AnimatedContent-TS-CSS","title":"AnimatedContent","description":"Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-TS-CSS.json","copy_url":"https://reactbits.dev/r/AnimatedContent-TS-CSS.json"},{"name":"AnimatedContent-TS-TW","title":"AnimatedContent","description":"Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-TS-TW.json","copy_url":"https://reactbits.dev/r/AnimatedContent-TS-TW.json"},{"name":"BlobCursor-JS-CSS","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-JS-CSS.json","copy_url":"https://reactbits.dev/r/BlobCursor-JS-CSS.json"},{"name":"BlobCursor-JS-TW","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-JS-TW.json","copy_url":"https://reactbits.dev/r/BlobCursor-JS-TW.json"},{"name":"BlobCursor-TS-CSS","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-TS-CSS.json","copy_url":"https://reactbits.dev/r/BlobCursor-TS-CSS.json"},{"name":"BlobCursor-TS-TW","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-TS-TW.json","copy_url":"https://reactbits.dev/r/BlobCursor-TS-TW.json"},{"name":"ClickSpark-JS-CSS","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-JS-CSS.json","copy_url":"https://reactbits.dev/r/ClickSpark-JS-CSS.json"},{"name":"ClickSpark-JS-TW","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-JS-TW.json","copy_url":"https://reactbits.dev/r/ClickSpark-JS-TW.json"},{"name":"ClickSpark-TS-CSS","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-TS-CSS.json","copy_url":"https://reactbits.dev/r/ClickSpark-TS-CSS.json"},{"name":"ClickSpark-TS-TW","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-TS-TW.json","copy_url":"https://reactbits.dev/r/ClickSpark-TS-TW.json"},{"name":"Crosshair-JS-CSS","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-JS-CSS.json","copy_url":"https://reactbits.dev/r/Crosshair-JS-CSS.json"},{"name":"Crosshair-JS-TW","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-JS-TW.json","copy_url":"https://reactbits.dev/r/Crosshair-JS-TW.json"},{"name":"Crosshair-TS-CSS","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-TS-CSS.json","copy_url":"https://reactbits.dev/r/Crosshair-TS-CSS.json"},{"name":"Crosshair-TS-TW","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-TS-TW.json","copy_url":"https://reactbits.dev/r/Crosshair-TS-TW.json"},{"name":"Cubes-JS-CSS","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-JS-CSS.json","copy_url":"https://reactbits.dev/r/Cubes-JS-CSS.json"},{"name":"Cubes-JS-TW","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-JS-TW.json","copy_url":"https://reactbits.dev/r/Cubes-JS-TW.json"},{"name":"Cubes-TS-CSS","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-TS-CSS.json","copy_url":"https://reactbits.dev/r/Cubes-TS-CSS.json"},{"name":"Cubes-TS-TW","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-TS-TW.json","copy_url":"https://reactbits.dev/r/Cubes-TS-TW.json"},{"name":"ElectricBorder-JS-CSS","title":"ElectricBorder","description":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-JS-CSS.json","copy_url":"https://reactbits.dev/r/ElectricBorder-JS-CSS.json"},{"name":"ElectricBorder-JS-TW","title":"ElectricBorder","description":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-JS-TW.json","copy_url":"https://reactbits.dev/r/ElectricBorder-JS-TW.json"},{"name":"ElectricBorder-TS-CSS","title":"ElectricBorder","description":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-TS-CSS.json","copy_url":"https://reactbits.dev/r/ElectricBorder-TS-CSS.json"},{"name":"ElectricBorder-TS-TW","title":"ElectricBorder","description":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-TS-TW.json","copy_url":"https://reactbits.dev/r/ElectricBorder-TS-TW.json"},{"name":"FadeContent-JS-CSS","title":"FadeContent","description":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-JS-CSS.json","copy_url":"https://reactbits.dev/r/FadeContent-JS-CSS.json"},{"name":"FadeContent-JS-TW","title":"FadeContent","description":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-JS-TW.json","copy_url":"https://reactbits.dev/r/FadeContent-JS-TW.json"},{"name":"FadeContent-TS-CSS","title":"FadeContent","description":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-TS-CSS.json","copy_url":"https://reactbits.dev/r/FadeContent-TS-CSS.json"},{"name":"FadeContent-TS-TW","title":"FadeContent","description":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-TS-TW.json","copy_url":"https://reactbits.dev/r/FadeContent-TS-TW.json"},{"name":"GlareHover-JS-CSS","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-JS-CSS.json","copy_url":"https://reactbits.dev/r/GlareHover-JS-CSS.json"},{"name":"GlareHover-JS-TW","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-JS-TW.json","copy_url":"https://reactbits.dev/r/GlareHover-JS-TW.json"},{"name":"GlareHover-TS-CSS","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-TS-CSS.json","copy_url":"https://reactbits.dev/r/GlareHover-TS-CSS.json"},{"name":"GlareHover-TS-TW","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-TS-TW.json","copy_url":"https://reactbits.dev/r/GlareHover-TS-TW.json"},{"name":"GradualBlur-JS-CSS","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-JS-CSS.json","copy_url":"https://reactbits.dev/r/GradualBlur-JS-CSS.json"},{"name":"GradualBlur-JS-TW","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-JS-TW.json","copy_url":"https://reactbits.dev/r/GradualBlur-JS-TW.json"},{"name":"GradualBlur-TS-CSS","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-TS-CSS.json","copy_url":"https://reactbits.dev/r/GradualBlur-TS-CSS.json"},{"name":"GradualBlur-TS-TW","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-TS-TW.json","copy_url":"https://reactbits.dev/r/GradualBlur-TS-TW.json"},{"name":"GhostCursor-JS-CSS","title":"GhostCursor","description":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-JS-CSS.json","copy_url":"https://reactbits.dev/r/GhostCursor-JS-CSS.json"},{"name":"GhostCursor-JS-TW","title":"GhostCursor","description":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-JS-TW.json","copy_url":"https://reactbits.dev/r/GhostCursor-JS-TW.json"},{"name":"GhostCursor-TS-CSS","title":"GhostCursor","description":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-TS-CSS.json","copy_url":"https://reactbits.dev/r/GhostCursor-TS-CSS.json"},{"name":"GhostCursor-TS-TW","title":"GhostCursor","description":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-TS-TW.json","copy_url":"https://reactbits.dev/r/Magnet-TS-TW.json"},{"name":"MagnetLines-JS-CSS","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagnetLines-JS-CSS.json","copy_url":"https://reactbits.dev/r/MagnetLines-JS-CSS.json"},{"name":"MagnetLines-JS-TW","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagnetLines-JS-TW.json","copy_url":"https://reactbits.dev/r/MagnetLines-JS-TW.json"},{"name":"MagnetLines-TS-CSS","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagnetLines-TS-CSS.json","copy_url":"https://reactbits.dev/r/MagnetLines-TS-CSS.json"},{"name":"MagnetLines-TS-TW","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagnetLines-TS-TW.json","copy_url":"https://reactbits.dev/r/MagnetLines-TS-TW.json"},{"name":"MetaBalls-JS-CSS","title":"MetaBalls","description":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-JS-CSS.json","copy_url":"https://reactbits.dev/r/MetaBalls-JS-CSS.json"},{"name":"MetaBalls-JS-TW","title":"MetaBalls","description":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-JS-TW.json","copy_url":"https://reactbits.dev/r/MetaBalls-JS-TW.json"},{"name":"MetaBalls-TS-CSS","title":"MetaBalls","description":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-TS-CSS.json","copy_url":"https://reactbits.dev/r/MetaBalls-TS-CSS.json"},{"name":"MetaBalls-TS-TW","title":"MetaBalls","description":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-TS-TW.json","copy_url":"https://reactbits.dev/r/MetaBalls-TS-TW.json"},{"name":"Strands-JS-CSS","title":"Strands","description":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Strands-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-JS-CSS.json","copy_url":"https://reactbits.dev/r/Strands-JS-CSS.json"},{"name":"Strands-JS-TW","title":"Strands","description":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Strands-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-JS-TW.json","copy_url":"https://reactbits.dev/r/Strands-JS-TW.json"},{"name":"Strands-TS-CSS","title":"Strands","description":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Strands-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-TS-CSS.json","copy_url":"https://reactbits.dev/r/Strands-TS-CSS.json"},{"name":"Strands-TS-TW","title":"Strands","description":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Strands-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-TS-TW.json","copy_url":"https://reactbits.dev/r/Strands-TS-TW.json"},{"name":"MetallicPaint-JS-CSS","title":"MetallicPaint","description":"Liquid metallic paint shader which can be applied to SVG elements.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetallicPaint-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-JS-CSS.json","copy_url":"https://reactbits.dev/r/MetallicPaint-JS-CSS.json"},{"name":"MetallicPaint-JS-TW","title":"MetallicPaint","description":"Liquid metallic paint shader which can be applied to SVG elements.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetallicPaint-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-JS-TW.json","copy_url":"https://reactbits.dev/r/MetallicPaint-JS-TW.json"},{"name":"MetallicPaint-TS-CSS","title":"MetallicPaint","description":"Liquid metallic paint shader which can be applied to SVG elements.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetallicPaint-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-TS-CSS.json","copy_url":"https://reactbits.dev/r/MetallicPaint-TS-CSS.json"},{"name":"MetallicPaint-TS-TW","title":"MetallicPaint","description":"Liquid metallic paint shader which can be applied to SVG elements.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetallicPaint-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-TS-TW.json","copy_url":"https://reactbits.dev/r/MetallicPaint-TS-TW.json"},{"name":"Noise-JS-CSS","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Noise-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-JS-CSS.json","copy_url":"https://reactbits.dev/r/Noise-JS-CSS.json"},{"name":"Noise-JS-TW","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Noise-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-JS-TW.json","copy_url":"https://reactbits.dev/r/Noise-JS-TW.json"},{"name":"Noise-TS-CSS","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Noise-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-TS-CSS.json","copy_url":"https://reactbits.dev/r/Noise-TS-CSS.json"},{"name":"Noise-TS-TW","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Noise-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-TS-TW.json","copy_url":"https://reactbits.dev/r/Noise-TS-TW.json"},{"name":"PixelTrail-JS-CSS","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTrail-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-JS-CSS.json","copy_url":"https://reactbits.dev/r/PixelTrail-JS-CSS.json"},{"name":"PixelTrail-JS-TW","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTrail-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-JS-TW.json","copy_url":"https://reactbits.dev/r/PixelTrail-JS-TW.json"},{"name":"PixelTrail-TS-CSS","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTrail-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-TS-CSS.json","copy_url":"https://reactbits.dev/r/PixelTrail-TS-CSS.json"},{"name":"PixelTrail-TS-TW","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTrail-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-TS-TW.json","copy_url":"https://reactbits.dev/r/PixelTrail-TS-TW.json"},{"name":"PixelTransition-JS-CSS","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTransition-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-JS-CSS.json","copy_url":"https://reactbits.dev/r/PixelTransition-JS-CSS.json"},{"name":"PixelTransition-JS-TW","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTransition-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-JS-TW.json","copy_url":"https://reactbits.dev/r/PixelTransition-JS-TW.json"},{"name":"PixelTransition-TS-CSS","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTransition-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-TS-CSS.json","copy_url":"https://reactbits.dev/r/PixelTransition-TS-CSS.json"},{"name":"PixelTransition-TS-TW","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/PixelTransition-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-TS-TW.json","copy_url":"https://reactbits.dev/r/PixelTransition-TS-TW.json"},{"name":"Ribbons-JS-CSS","title":"Ribbons","description":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Ribbons-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-JS-CSS.json","copy_url":"https://reactbits.dev/r/Ribbons-JS-CSS.json"},{"name":"Ribbons-JS-TW","title":"Ribbons","description":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Ribbons-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-JS-TW.json","copy_url":"https://reactbits.dev/r/Ribbons-JS-TW.json"},{"name":"Ribbons-TS-CSS","title":"Ribbons","description":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Ribbons-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-TS-CSS.json","copy_url":"https://reactbits.dev/r/Ribbons-TS-CSS.json"},{"name":"Ribbons-TS-TW","title":"Ribbons","description":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Ribbons-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-TS-TW.json","copy_url":"https://reactbits.dev/r/Ribbons-TS-TW.json"},{"name":"ShapeBlur-JS-CSS","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShapeBlur-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-JS-CSS.json","copy_url":"https://reactbits.dev/r/ShapeBlur-JS-CSS.json"},{"name":"ShapeBlur-JS-TW","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShapeBlur-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-JS-TW.json","copy_url":"https://reactbits.dev/r/ShapeBlur-JS-TW.json"},{"name":"ShapeBlur-TS-CSS","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShapeBlur-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-TS-CSS.json","copy_url":"https://reactbits.dev/r/ShapeBlur-TS-CSS.json"},{"name":"ShapeBlur-TS-TW","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShapeBlur-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-TS-TW.json","copy_url":"https://reactbits.dev/r/ShapeBlur-TS-TW.json"},{"name":"SplashCursor-JS-CSS","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplashCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-JS-CSS.json","copy_url":"https://reactbits.dev/r/SplashCursor-JS-CSS.json"},{"name":"SplashCursor-JS-TW","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplashCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-JS-TW.json","copy_url":"https://reactbits.dev/r/SplashCursor-JS-TW.json"},{"name":"SplashCursor-TS-CSS","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplashCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-TS-CSS.json","copy_url":"https://reactbits.dev/r/SplashCursor-TS-CSS.json"},{"name":"SplashCursor-TS-TW","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplashCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-TS-TW.json","copy_url":"https://reactbits.dev/r/SplashCursor-TS-TW.json"},{"name":"StarBorder-JS-CSS","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StarBorder-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-JS-CSS.json","copy_url":"https://reactbits.dev/r/StarBorder-JS-CSS.json"},{"name":"StarBorder-JS-TW","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StarBorder-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-JS-TW.json","copy_url":"https://reactbits.dev/r/StarBorder-JS-TW.json"},{"name":"StarBorder-TS-CSS","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StarBorder-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-TS-CSS.json","copy_url":"https://reactbits.dev/r/StarBorder-TS-CSS.json"},{"name":"StarBorder-TS-TW","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StarBorder-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-TS-TW.json","copy_url":"https://reactbits.dev/r/StarBorder-TS-TW.json"},{"name":"StickerPeel-JS-CSS","title":"StickerPeel","description":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StickerPeel-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-JS-CSS.json","copy_url":"https://reactbits.dev/r/StickerPeel-JS-CSS.json"},{"name":"StickerPeel-JS-TW","title":"StickerPeel","description":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StickerPeel-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-JS-TW.json","copy_url":"https://reactbits.dev/r/StickerPeel-JS-TW.json"},{"name":"StickerPeel-TS-CSS","title":"StickerPeel","description":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StickerPeel-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-TS-CSS.json","copy_url":"https://reactbits.dev/r/StickerPeel-TS-CSS.json"},{"name":"StickerPeel-TS-TW","title":"StickerPeel","description":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/StickerPeel-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-TS-TW.json","copy_url":"https://reactbits.dev/r/StickerPeel-TS-TW.json"},{"name":"TargetCursor-JS-CSS","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TargetCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-JS-CSS.json","copy_url":"https://reactbits.dev/r/TargetCursor-JS-CSS.json"},{"name":"TargetCursor-JS-TW","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TargetCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-JS-TW.json","copy_url":"https://reactbits.dev/r/TargetCursor-JS-TW.json"},{"name":"TargetCursor-TS-CSS","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TargetCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-TS-CSS.json","copy_url":"https://reactbits.dev/r/TargetCursor-TS-CSS.json"},{"name":"TargetCursor-TS-TW","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TargetCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-TS-TW.json","copy_url":"https://reactbits.dev/r/TargetCursor-TS-TW.json"},{"name":"LaserFlow-JS-CSS","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LaserFlow-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-JS-CSS.json","copy_url":"https://reactbits.dev/r/LaserFlow-JS-CSS.json"},{"name":"LaserFlow-JS-TW","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LaserFlow-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-JS-TW.json","copy_url":"https://reactbits.dev/r/LaserFlow-JS-TW.json"},{"name":"LaserFlow-TS-CSS","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LaserFlow-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-TS-CSS.json","copy_url":"https://reactbits.dev/r/LaserFlow-TS-CSS.json"},{"name":"LaserFlow-TS-TW","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LaserFlow-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-TS-TW.json","copy_url":"https://reactbits.dev/r/LaserFlow-TS-TW.json"},{"name":"Antigravity-JS-CSS","title":"Antigravity","description":"3D antigravity particle field that repels from the cursor with smooth motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Antigravity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-JS-CSS.json","copy_url":"https://reactbits.dev/r/Antigravity-JS-CSS.json"},{"name":"Antigravity-JS-TW","title":"Antigravity","description":"3D antigravity particle field that repels from the cursor with smooth motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Antigravity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-JS-TW.json","copy_url":"https://reactbits.dev/r/Antigravity-JS-TW.json"},{"name":"Antigravity-TS-CSS","title":"Antigravity","description":"3D antigravity particle field that repels from the cursor with smooth motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Antigravity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-TS-CSS.json","copy_url":"https://reactbits.dev/r/Antigravity-TS-CSS.json"},{"name":"Antigravity-TS-TW","title":"Antigravity","description":"3D antigravity particle field that repels from the cursor with smooth motion.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Antigravity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-TS-TW.json","copy_url":"https://reactbits.dev/r/Antigravity-TS-TW.json"},{"name":"OrbitImages-JS-CSS","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/OrbitImages-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-JS-CSS.json","copy_url":"https://reactbits.dev/r/OrbitImages-JS-CSS.json"},{"name":"OrbitImages-JS-TW","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/OrbitImages-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-JS-TW.json","copy_url":"https://reactbits.dev/r/OrbitImages-JS-TW.json"},{"name":"OrbitImages-TS-CSS","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/OrbitImages-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-TS-CSS.json","copy_url":"https://reactbits.dev/r/OrbitImages-TS-CSS.json"},{"name":"OrbitImages-TS-TW","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/OrbitImages-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-TS-TW.json","copy_url":"https://reactbits.dev/r/OrbitImages-TS-TW.json"},{"name":"MagicRings-JS-CSS","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagicRings-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagicRings-JS-CSS.json","copy_url":"https://reactbits.dev/r/MagicRings-JS-CSS.json"},{"name":"MagicRings-JS-TW","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagicRings-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagicRings-JS-TW.json","copy_url":"https://reactbits.dev/r/MagicRings-JS-TW.json"},{"name":"MagicRings-TS-CSS","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagicRings-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagicRings-TS-CSS.json","copy_url":"https://reactbits.dev/r/MagicRings-TS-CSS.json"},{"name":"MagicRings-TS-TW","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagicRings-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MagicRings-TS-TW.json","copy_url":"https://reactbits.dev/r/MagicRings-TS-TW.json"},{"name":"ASCIIText-JS-CSS","title":"ASCIIText","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ASCIIText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-JS-CSS.json","copy_url":"https://reactbits.dev/r/ASCIIText-JS-CSS.json"},{"name":"ASCIIText-JS-TW","title":"ASCIIText","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ASCIIText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-JS-TW.json","copy_url":"https://reactbits.dev/r/ASCIIText-JS-TW.json"},{"name":"ASCIIText-TS-CSS","title":"ASCIIText","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ASCIIText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-TS-CSS.json","copy_url":"https://reactbits.dev/r/ASCIIText-TS-CSS.json"},{"name":"ASCIIText-TS-TW","title":"ASCIIText","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ASCIIText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlurText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlurText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlurText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlurText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CountUp-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CountUp-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CountUp-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CountUp-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CurvedLoop-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CurvedLoop-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CurvedLoop-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CurvedLoop-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecryptedText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecryptedText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecryptedText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecryptedText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-TS-TW.json","copy_url":"https://reactbits.dev/r/DecryptedText-TS-TW.json"},{"name":"FallingText-JS-CSS","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FallingText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-JS-CSS.json","copy_url":"https://reactbits.dev/r/FallingText-JS-CSS.json"},{"name":"FallingText-JS-TW","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FallingText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-JS-TW.json","copy_url":"https://reactbits.dev/r/FallingText-JS-TW.json"},{"name":"FallingText-TS-CSS","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FallingText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-TS-CSS.json","copy_url":"https://reactbits.dev/r/FallingText-TS-CSS.json"},{"name":"FallingText-TS-TW","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FallingText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FuzzyText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FuzzyText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FuzzyText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FuzzyText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlitchText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlitchText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlitchText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlitchText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-TS-TW.json","copy_url":"https://reactbits.dev/r/GlitchText-TS-TW.json"},{"name":"GradientText-JS-CSS","title":"GradientText","description":"Animated gradient sweep across live text with speed and color control.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradientText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-JS-CSS.json","copy_url":"https://reactbits.dev/r/GradientText-JS-CSS.json"},{"name":"GradientText-JS-TW","title":"GradientText","description":"Animated gradient sweep across live text with speed and color control.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradientText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-JS-TW.json","copy_url":"https://reactbits.dev/r/GradientText-JS-TW.json"},{"name":"GradientText-TS-CSS","title":"GradientText","description":"Animated gradient sweep across live text with speed and color control.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradientText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-TS-CSS.json","copy_url":"https://reactbits.dev/r/GradientText-TS-CSS.json"},{"name":"GradientText-TS-TW","title":"GradientText","description":"Animated gradient sweep across live text with speed and color control.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradientText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/RotatingText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/RotatingText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/RotatingText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/RotatingText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrambledText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrambledText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrambledText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrambledText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollFloat-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollFloat-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollFloat-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollFloat-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollReveal-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollReveal-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollReveal-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollReveal-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollVelocity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollVelocity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollVelocity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ScrollVelocity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-TS-TW.json","copy_url":"https://reactbits.dev/r/ScrollVelocity-TS-TW.json"},{"name":"ShinyText-JS-CSS","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShinyText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-JS-CSS.json","copy_url":"https://reactbits.dev/r/ShinyText-JS-CSS.json"},{"name":"ShinyText-JS-TW","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShinyText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-JS-TW.json","copy_url":"https://reactbits.dev/r/ShinyText-JS-TW.json"},{"name":"ShinyText-TS-CSS","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShinyText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-TS-CSS.json","copy_url":"https://reactbits.dev/r/ShinyText-TS-CSS.json"},{"name":"ShinyText-TS-TW","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ShinyText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplitText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplitText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplitText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/SplitText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-TW.json","copy_url":"https://reactbits.dev/r/SplitText-TS-TW.json"},{"name":"TextCursor-JS-CSS","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-JS-CSS.json","copy_url":"https://reactbits.dev/r/TextCursor-JS-CSS.json"},{"name":"TextCursor-JS-TW","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-JS-TW.json","copy_url":"https://reactbits.dev/r/TextCursor-JS-TW.json"},{"name":"TextCursor-TS-CSS","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-TS-CSS.json","copy_url":"https://reactbits.dev/r/TextCursor-TS-CSS.json"},{"name":"TextCursor-TS-TW","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextPressure-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextPressure-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextPressure-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextPressure-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextType-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextType-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextType-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TextType-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TrueFocus-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TrueFocus-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TrueFocus-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/TrueFocus-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/VariableProximity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/VariableProximity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/VariableProximity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/VariableProximity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-TS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Shuffle-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-JS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Shuffle-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-JS-TW.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Shuffle-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-TS-CSS.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Shuffle-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-TS-TW.json","copy_url":"https://reactbits.dev/r/Shuffle-TS-TW.json"},{"name":"AnimatedList-JS-CSS","title":"AnimatedList","description":"List items enter with staggered motion variants for polished reveals.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedList-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedList-JS-CSS.json","copy_url":"https://reactbits.dev/r/AnimatedList-JS-CSS.json"},{"name":"AnimatedList-JS-TW","title":"AnimatedList","description":"List items enter with staggered motion variants for polished reveals.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedList-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedList-JS-TW.json","copy_url":"https://reactbits.dev/r/AnimatedList-JS-TW.json"},{"name":"AnimatedList-TS-CSS","title":"AnimatedList","description":"List items enter with staggered motion variants for polished reveals.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedList-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedList-TS-CSS.json","copy_url":"https://reactbits.dev/r/AnimatedList-TS-CSS.json"},{"name":"AnimatedList-TS-TW","title":"AnimatedList","description":"List items enter with staggered motion variants for polished reveals.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedList-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedList-TS-TW.json","copy_url":"https://reactbits.dev/r/AnimatedList-TS-TW.json"},{"name":"BounceCards-JS-CSS","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BounceCards-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BounceCards-JS-CSS.json","copy_url":"https://reactbits.dev/r/BounceCards-JS-CSS.json"},{"name":"BounceCards-JS-TW","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BounceCards-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BounceCards-JS-TW.json","copy_url":"https://reactbits.dev/r/BounceCards-JS-TW.json"},{"name":"BounceCards-TS-CSS","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BounceCards-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BounceCards-TS-CSS.json","copy_url":"https://reactbits.dev/r/BounceCards-TS-CSS.json"},{"name":"BounceCards-TS-TW","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BounceCards-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BounceCards-TS-TW.json","copy_url":"https://reactbits.dev/r/BounceCards-TS-TW.json"},{"name":"BubbleMenu-JS-CSS","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BubbleMenu-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BubbleMenu-JS-CSS.json","copy_url":"https://reactbits.dev/r/BubbleMenu-JS-CSS.json"},{"name":"BubbleMenu-JS-TW","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BubbleMenu-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BubbleMenu-JS-TW.json","copy_url":"https://reactbits.dev/r/BubbleMenu-JS-TW.json"},{"name":"BubbleMenu-TS-CSS","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BubbleMenu-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BubbleMenu-TS-CSS.json","copy_url":"https://reactbits.dev/r/BubbleMenu-TS-CSS.json"},{"name":"BubbleMenu-TS-TW","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BubbleMenu-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BubbleMenu-TS-TW.json","copy_url":"https://reactbits.dev/r/BubbleMenu-TS-TW.json"},{"name":"CardNav-JS-CSS","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardNav-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardNav-JS-CSS.json","copy_url":"https://reactbits.dev/r/CardNav-JS-CSS.json"},{"name":"CardNav-JS-TW","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardNav-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardNav-JS-TW.json","copy_url":"https://reactbits.dev/r/CardNav-JS-TW.json"},{"name":"CardNav-TS-CSS","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardNav-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardNav-TS-CSS.json","copy_url":"https://reactbits.dev/r/CardNav-TS-CSS.json"},{"name":"CardNav-TS-TW","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardNav-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardNav-TS-TW.json","copy_url":"https://reactbits.dev/r/CardNav-TS-TW.json"},{"name":"CardSwap-JS-CSS","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardSwap-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardSwap-JS-CSS.json","copy_url":"https://reactbits.dev/r/CardSwap-JS-CSS.json"},{"name":"CardSwap-JS-TW","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardSwap-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardSwap-JS-TW.json","copy_url":"https://reactbits.dev/r/CardSwap-JS-TW.json"},{"name":"CardSwap-TS-CSS","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardSwap-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardSwap-TS-CSS.json","copy_url":"https://reactbits.dev/r/CardSwap-TS-CSS.json"},{"name":"CardSwap-TS-TW","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CardSwap-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CardSwap-TS-TW.json","copy_url":"https://reactbits.dev/r/CardSwap-TS-TW.json"},{"name":"Carousel-JS-CSS","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Carousel-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Carousel-JS-CSS.json","copy_url":"https://reactbits.dev/r/Carousel-JS-CSS.json"},{"name":"Carousel-JS-TW","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Carousel-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Carousel-JS-TW.json","copy_url":"https://reactbits.dev/r/Carousel-JS-TW.json"},{"name":"Carousel-TS-CSS","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Carousel-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Carousel-TS-CSS.json","copy_url":"https://reactbits.dev/r/Carousel-TS-CSS.json"},{"name":"Carousel-TS-TW","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Carousel-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Carousel-TS-TW.json","copy_url":"https://reactbits.dev/r/Carousel-TS-TW.json"},{"name":"ChromaGrid-JS-CSS","title":"ChromaGrid","description":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ChromaGrid-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ChromaGrid-JS-CSS.json","copy_url":"https://reactbits.dev/r/ChromaGrid-JS-CSS.json"},{"name":"ChromaGrid-JS-TW","title":"ChromaGrid","description":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ChromaGrid-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ChromaGrid-JS-TW.json","copy_url":"https://reactbits.dev/r/ChromaGrid-JS-TW.json"},{"name":"ChromaGrid-TS-CSS","title":"ChromaGrid","description":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ChromaGrid-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ChromaGrid-TS-CSS.json","copy_url":"https://reactbits.dev/r/ChromaGrid-TS-CSS.json"},{"name":"ChromaGrid-TS-TW","title":"ChromaGrid","description":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ChromaGrid-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ChromaGrid-TS-TW.json","copy_url":"https://reactbits.dev/r/ChromaGrid-TS-TW.json"},{"name":"CircularGallery-JS-CSS","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularGallery-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularGallery-JS-CSS.json","copy_url":"https://reactbits.dev/r/CircularGallery-JS-CSS.json"},{"name":"CircularGallery-JS-TW","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularGallery-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularGallery-JS-TW.json","copy_url":"https://reactbits.dev/r/CircularGallery-JS-TW.json"},{"name":"CircularGallery-TS-CSS","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularGallery-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularGallery-TS-CSS.json","copy_url":"https://reactbits.dev/r/CircularGallery-TS-CSS.json"},{"name":"CircularGallery-TS-TW","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/CircularGallery-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularGallery-TS-TW.json","copy_url":"https://reactbits.dev/r/CircularGallery-TS-TW.json"},{"name":"Counter-JS-CSS","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Counter-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Counter-JS-CSS.json","copy_url":"https://reactbits.dev/r/Counter-JS-CSS.json"},{"name":"Counter-JS-TW","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Counter-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Counter-JS-TW.json","copy_url":"https://reactbits.dev/r/Counter-JS-TW.json"},{"name":"Counter-TS-CSS","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Counter-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Counter-TS-CSS.json","copy_url":"https://reactbits.dev/r/Counter-TS-CSS.json"},{"name":"Counter-TS-TW","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Counter-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Counter-TS-TW.json","copy_url":"https://reactbits.dev/r/Counter-TS-TW.json"},{"name":"DecayCard-JS-CSS","title":"DecayCard","description":"Hover parallax effect that disintegrates the content of a card.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecayCard-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecayCard-JS-CSS.json","copy_url":"https://reactbits.dev/r/DecayCard-JS-CSS.json"},{"name":"DecayCard-JS-TW","title":"DecayCard","description":"Hover parallax effect that disintegrates the content of a card.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/DecayCard-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecayCard-JS-TW.json","copy_url":"https://reactbits.dev/r/DecayCard-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.vercel.app/registry/react-easy-modals","markdown":"https://sh4dcn.vercel.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":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":0,"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":2,"components":[{"name":"modal","title":"Modal (Radix)","description":"Modal component for react-easy-modals with Radix Dialog.","type":"registry:ui","tags":["aesthetic","animation","forms","hooks","loaders","overlays"],"categories":["Niche/single-purpose"],"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","copy_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json"},{"name":"modal-baseui","title":"Modal (Base UI)","description":"Modal component for react-easy-modals with Base UI Dialog. Supports nested modals.","type":"registry:ui","tags":["aesthetic","animation","forms","hooks","loaders","overlays"],"categories":["Niche/single-purpose"],"source_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal-baseui.json","install_command":"npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal-baseui.json","copy_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal-baseui.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.vercel.app/registry/react-slot","markdown":"https://sh4dcn.vercel.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","tags":["auth","blocks","components","crypto","design-system","forms","hooks","tables","theming"],"categories":["Hooks/utilities"],"source_url":"https://react-slot.vercel.app/r/slot.json","install_command":"npx shadcn@latest add https://react-slot.vercel.app/r/slot.json","copy_url":"https://react-slot.vercel.app/r/slot.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","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"labels":["featured","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.vercel.app/registry/remocn","markdown":"https://sh4dcn.vercel.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":904,"open_issues":0,"last_commit":"2026-07-08T08:03:13Z"},"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/focus-blur-resolve.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/per-word-crossfade.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/fade-through.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/fade-through.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/short-slide-right.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/typewriter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/typewriter.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/inline-highlight.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/inline-highlight.json","copy_url":"https://www.remocn.dev/r/inline-highlight.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/strikethrough-replace.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/strikethrough-replace.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/tracking-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/tracking-in.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shimmer-sweep.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/marker-highlight.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/marker-highlight.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/matrix-decode.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/matrix-decode.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/infinite-marquee.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/shader-mesh-gradient.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/shader-grain-gradient.json"},{"name":"shader-warp","title":"Shader Warp","description":"Domain-warped color field that folds and stretches like liquid.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-warp.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp.json","copy_url":"https://www.remocn.dev/r/shader-warp.json"},{"name":"shader-swirl","title":"Shader Swirl","description":"Concentric bands swirling around a center point.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-swirl.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl.json","copy_url":"https://www.remocn.dev/r/shader-swirl.json"},{"name":"shader-water","title":"Shader Water","description":"Caustic water-surface ripples with subtle refraction.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-water.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-water.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-spiral.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-spiral.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-voronoi.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-voronoi.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-dithering.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-dithering.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-metaballs.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-metaballs.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/simulated-cursor.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/simulated-cursor.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/swirl-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/swirl-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dither-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dither-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/perlin-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/perlin-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/smoke-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/smoke-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/wave-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/wave-wipe.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ripple-zoom.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ripple-zoom.json","copy_url":"https://www.remocn.dev/r/ripple-zoom.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/grain-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/grain-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/warp-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/warp-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/whip-pan.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/whip-pan.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/push-through.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/push-through.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/focus-pull.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/focus-pull.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/zoom-blur.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/zoom-blur.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/rolodex-flip.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rolodex-flip.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/value-swap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/value-swap.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/terminal-simulator.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"https://www.remocn.dev/r/terminal-cursor-zoom.json"},{"name":"progress-steps","title":"Progress Steps","description":"Multi-step pipeline with sequentially activating nodes and filling lines.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/progress-steps.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/progress-steps.json","copy_url":"https://www.remocn.dev/r/progress-steps.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/data-flow-pipes.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/data-flow-pipes.json","copy_url":"https://www.remocn.dev/r/data-flow-pipes.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/perspective-marquee.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/perspective-marquee.json","copy_url":"https://www.remocn.dev/r/perspective-marquee.json"},{"name":"ecosystem-constellation","title":"Ecosystem Constellation","description":"A central logo orbited by integration satellites with pulsing data lines.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ecosystem-constellation.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ecosystem-constellation.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/github-sponsors.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/github-sponsors.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/github-stars.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/github-stars.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/number-wheel.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/number-wheel.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/rolling-number.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rolling-number.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/claude-chat.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/claude-chat.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/chat-gpt.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/chat-gpt.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/v0.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/v0.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/claude-code.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/claude-code.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/opencode.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/opencode.json","copy_url":"https://www.remocn.dev/r/opencode.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/confetti.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/confetti.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/backdrop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/backdrop.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/drift.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/drift.json","copy_url":"https://www.remocn.dev/r/drift.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/logo-enter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/logo-enter.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/handwrite.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/handwrite.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ink-underline.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ink-underline.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/paper-wobble.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/paper-wobble.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ink-arrow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ink-arrow.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/paper-sticker.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/paper-sticker.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/polaroid.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/polaroid.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/hand-count.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/hand-count.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/brush.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/brush.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/crumple-toss.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/crumple-toss.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/scribble-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/scribble-circle.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/check-list.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/check-list.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/page-turn.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/page-turn.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/stop-motion.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stop-motion.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ascii-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ascii-dissolve.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/caret-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caret-wipe.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-scatter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-scatter.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-caustics.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-caustics.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-strata.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-strata.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-weave.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-weave.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/reel.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/reel.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/scene-motion.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/scene-motion.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/slide-swap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/slide-swap.json","copy_url":"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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/spring-settle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/spring-settle.json","copy_url":"https://www.remocn.dev/r/spring-settle.json"},{"name":"remocn-ui","title":"remocn UI Core","description":"Shared timeline-fold hook, theme context, and color math for remocn UI primitives.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/remocn-ui.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/remocn-ui.json","copy_url":"https://www.remocn.dev/r/remocn-ui.json"},{"name":"spinner","title":"UI Spinner","description":"A deterministic spinning arc that loops on the Remotion frame — a pure motion atom with no state.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/spinner.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/spinner.json","copy_url":"https://www.remocn.dev/r/spinner.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/caret.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caret.json","copy_url":"https://www.remocn.dev/r/caret.json"},{"name":"button","title":"UI Button","description":"A button whose idle/hover/press/loading/success state is a pure function of the timeline; the loading state composes the Spinner motion atom.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/button.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/button.json","copy_url":"https://www.remocn.dev/r/button.json"},{"name":"accordion","title":"UI Accordion","description":"A disclosure whose opened/closed state is a pure function of the timeline; the panel reveal, chevron, and background are keyframed presets.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/accordion.json","copy_url":"https://www.remocn.dev/r/accordion.json"},{"name":"alert-dialog","title":"UI Alert Dialog","description":"A modal alert dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets. Self-contained — pair…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/alert-dialog.json","copy_url":"https://www.remocn.dev/r/alert-dialog.json"},{"name":"dialog","title":"UI Dialog","description":"A modal dialog whose opened/closed state is a pure function of the timeline; the backdrop dim and popup zoom are keyframed presets, with a close button and a p…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dialog.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dialog.json","copy_url":"https://www.remocn.dev/r/dialog.json"},{"name":"sheet","title":"UI Sheet","description":"A side panel whose opened/closed state is a pure function of the timeline; the backdrop dim and right-edge slide-in are keyframed presets, with a close button …","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/sheet.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/sheet.json","copy_url":"https://www.remocn.dev/r/sheet.json"},{"name":"drawer","title":"UI Drawer","description":"A bottom panel whose opened/closed state is a pure function of the timeline; the backdrop dim and bottom-edge slide-up are keyframed presets, with a drag handl…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/drawer.json","copy_url":"https://www.remocn.dev/r/drawer.json"},{"name":"checkbox","title":"UI Checkbox","description":"A checkbox whose checked/unchecked state is a pure function of the timeline; the box fill, border, and checkmark draw are keyframed presets.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/checkbox.json","copy_url":"https://www.remocn.dev/r/checkbox.json"},{"name":"radio","title":"UI Radio","description":"A radio whose checked/unchecked state is a pure function of the timeline; the ring border and inner dot pop are keyframed presets.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/radio.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/radio.json","copy_url":"https://www.remocn.dev/r/radio.json"},{"name":"switch","title":"UI Switch","description":"A switch whose checked/unchecked state is a pure function of the timeline; the track fill and sliding thumb are keyframed presets.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/switch.json","copy_url":"https://www.remocn.dev/r/switch.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","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/input.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/input.json","copy_url":"https://www.remocn.dev/r/input.json"},{"name":"blur-in","title":"UI Blur In","description":"A wrapper that reveals a single child with blur + opacity + a directional offset; a pure state atom, theme-independent — its context is a motion config (blur/d…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/blur-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/blur-in.json","copy_url":"https://www.remocn.dev/r/blur-in.json"},{"name":"field","title":"UI Field","description":"A static layout family for composing labeled form controls, modeled on shadcn's Field: FieldGroup ▸ Field ▸ FieldLabel / FieldControl / FieldDescription. Reads…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/field.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/field.json","copy_url":"https://www.remocn.dev/r/field.json"},{"name":"select-item","title":"UI Select Item","description":"A select option row whose idle/hover/press/selected state is a pure function of the timeline; the row background, label color, and check icon are keyframed pre…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/select-item.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/select-item.json","copy_url":"https://www.remocn.dev/r/select-item.json"},{"name":"select","title":"UI Select","description":"A select whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes SelectItem rows. T…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/select.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/select.json","copy_url":"https://www.remocn.dev/r/select.json"},{"name":"dropdown-menu-item","title":"UI Dropdown Menu Item","description":"A dropdown menu action row whose idle/hover/press state is a pure function of the timeline; the row background and label color are keyframed presets. Composed …","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dropdown-menu-item.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dropdown-menu-item.json","copy_url":"https://www.remocn.dev/r/dropdown-menu-item.json"},{"name":"tabs","title":"UI Tabs","description":"A tabs widget whose active-tab state is a pure function of the timeline; the sliding indicator, label colors, and panel crossfade are keyframed/derived presets.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/tabs.json","copy_url":"https://www.remocn.dev/r/tabs.json"},{"name":"dropdown-menu","title":"UI Dropdown Menu","description":"A dropdown menu whose opened/closed state is a pure function of the timeline; the trigger reuses the Button primitive and the reveal panel composes DropdownMen…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dropdown-menu.json","copy_url":"https://www.remocn.dev/r/dropdown-menu.json"},{"name":"cursor","title":"UI Cursor","description":"An animated cursor that moves between waypoints, clicks (ripple), and drags. The Cursor renderer is a pure function of a numeric CursorStyle channel; useCursor…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/cursor.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/cursor.json","copy_url":"https://www.remocn.dev/r/cursor.json"},{"name":"toast","title":"UI Toast","description":"A toast notification whose hidden/visible state is a pure function of the timeline. The Toast renderer is a pure function of a ToastStyle (opacity, translateY,…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/toast.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/toast.json","copy_url":"https://www.remocn.dev/r/toast.json"},{"name":"command-menu-item","title":"UI Command Menu Item","description":"A command-palette row whose idle/hover/press/selected state is a pure function of the timeline. Leading icon + label + trailing shortcut kbd. Exports an inline…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/command-menu-item.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/command-menu-item.json","copy_url":"https://www.remocn.dev/r/command-menu-item.json"},{"name":"command-menu","title":"UI Command Menu","description":"A ⌘K command palette whose opened/closed state is a pure function of the timeline; the panel zoom + backdrop dim are dialog-like keyframed presets. The search …","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/command-menu.json","copy_url":"https://www.remocn.dev/r/command-menu.json"},{"name":"tooltip","title":"UI Tooltip","description":"A tooltip whose hidden/visible state is a pure function of the timeline. The Tooltip renderer is a pure function of a TooltipStyle (opacity, scale, translate);…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/tooltip.json","copy_url":"https://www.remocn.dev/r/tooltip.json"},{"name":"progress","title":"UI Progress","description":"A progress bar whose fill is a pure function of a numeric value channel (value-channel deviation). The Progress renderer takes a clamped 0–100 value; useProgre…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/progress.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/progress.json","copy_url":"https://www.remocn.dev/r/progress.json"},{"name":"skeleton-block","title":"UI Skeleton Block","description":"A shimmer placeholder block — a motion atom (spinner pattern). A directional highlight gradient sweeps across deterministically from useCurrentFrame() and loop…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/skeleton-block.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/skeleton-block.json","copy_url":"https://www.remocn.dev/r/skeleton-block.json"},{"name":"skeleton","title":"UI Skeleton","description":"A skeleton→content crossfade whose loading/loaded state is a pure function of the timeline. The Skeleton renderer is pure (reads no frame); only the composed S…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/skeleton.json","copy_url":"https://www.remocn.dev/r/skeleton.json"},{"name":"slider","title":"UI Slider","description":"A slider whose fill is a numeric value channel plus a thumb idle/hover/press channel (dual-channel value-channel deviation). The Slider renderer is pure (clamp…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/slider.json","copy_url":"https://www.remocn.dev/r/slider.json"},{"name":"combobox","title":"UI Combobox","description":"A combobox whose opened/closed state is a pure function of the timeline; the panel fade/scale/lift are keyframed presets like select. The trigger reuses the In…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/combobox.json","copy_url":"https://www.remocn.dev/r/combobox.json"},{"name":"popover","title":"UI Popover","description":"A popover/hover-card whose opened/closed state is a pure function of the timeline. The Popover renderer is a pure function of a PopoverStyle (opacity, scale, t…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/popover.json","copy_url":"https://www.remocn.dev/r/popover.json"},{"name":"context-menu","title":"UI Context Menu","description":"A right-click context menu whose opened/closed state is a pure function of the timeline; the panel scales from its top-left corner (the click point) with a fad…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/context-menu.json","copy_url":"https://www.remocn.dev/r/context-menu.json"},{"name":"toggle-group","title":"UI Toggle Group","description":"A segmented control whose active value is a pure function of the timeline; a raised thumb SLIDES between segments (position + width derived from a float indica…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/toggle-group.json","copy_url":"https://www.remocn.dev/r/toggle-group.json"},{"name":"stepper","title":"UI Stepper","description":"A horizontal onboarding stepper whose progress is a pure function of a continuous step index (value-channel deviation). Every circle (fill, number, stroke-dash…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/stepper.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stepper.json","copy_url":"https://www.remocn.dev/r/stepper.json"},{"name":"resizable","title":"UI Resizable","description":"Two panels split by a draggable handle, where the split ratio is a numeric channel plus a handle idle/hover/press channel (dual-channel value-channel deviation…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/resizable.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/resizable.json","copy_url":"https://www.remocn.dev/r/resizable.json"},{"name":"signup-flow","title":"UI Signup Flow","description":"A signup card composition: a real shadcn-style card (header, labeled Full Name / Email / Password / Confirm fields, primary + Google-outline buttons, sign-in f…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/signup-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/signup-flow.json","copy_url":"https://www.remocn.dev/r/signup-flow.json"},{"name":"ai-prompt-flow","title":"UI AI Prompt Flow","description":"An AI prompt composition: a prompt types into the field, the Generate button runs hover → press → loading, a skeleton shimmer reveals, then crossfades into the…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ai-prompt-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ai-prompt-flow.json","copy_url":"https://www.remocn.dev/r/ai-prompt-flow.json"},{"name":"checkout-flow","title":"UI Checkout Flow","description":"A cursor-driven checkout card: the card and its fields blur-in, then the pointer flips a billing-cycle toggle, types a card number, ticks the terms checkbox, a…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/checkout-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/checkout-flow.json","copy_url":"https://www.remocn.dev/r/checkout-flow.json"},{"name":"onboarding-stepper-flow","title":"UI Onboarding Stepper Flow","description":"A multi-step onboarding composition: a horizontal stepper advances through panels of input, radio, and switch fields, finishing on a Finish button that runs to…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/onboarding-stepper-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/onboarding-stepper-flow.json","copy_url":"https://www.remocn.dev/r/onboarding-stepper-flow.json"},{"name":"settings-toggle-flow","title":"UI Settings Toggle Flow","description":"A two-column settings card: the card and its controls blur-in, then the cursor flips a switch, opens a select, drags a labeled slider, and clicks Save, ending …","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/settings-toggle-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/settings-toggle-flow.json","copy_url":"https://www.remocn.dev/r/settings-toggle-flow.json"},{"name":"message-bubble","title":"UI Message Bubble","description":"A chat message bubble whose hidden/visible state is a pure function of the timeline. The renderer is a pure function of a MessageBubbleStyle (opacity, translat…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/message-bubble.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/message-bubble.json","copy_url":"https://www.remocn.dev/r/message-bubble.json"},{"name":"typing-indicator","title":"UI Typing Indicator","description":"A continuous typing animation: N dots bounce with a staggered sine wave. A motion atom — it reads the frame and takes color, size, gap, and speed props, defaul…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/typing-indicator.json","copy_url":"https://www.remocn.dev/r/typing-indicator.json"},{"name":"chat-flow","title":"UI Chat Flow","description":"A messaging composition: an outgoing message types into the composer, the send button presses, and the bubble rises in; the other side shows a typing indicator…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/chat-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/chat-flow.json","copy_url":"https://www.remocn.dev/r/chat-flow.json"},{"name":"telegram-chat-flow","title":"UI Telegram Chat Flow","description":"A Telegram-styled messaging composition: tailed bubbles (white incoming, blue outgoing) with in-bubble timestamps and delivery checks, a header that flips to '…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/telegram-chat-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/telegram-chat-flow.json","copy_url":"https://www.remocn.dev/r/telegram-chat-flow.json"},{"name":"imessage-chat-flow","title":"UI iMessage Chat Flow","description":"An iMessage-styled messaging composition: gray incoming and blue outgoing bubbles with tails, an in-thread typing bubble with dots, a Delivered label, and tapb…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/imessage-chat-flow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/imessage-chat-flow.json","copy_url":"https://www.remocn.dev/r/imessage-chat-flow.json"},{"name":"icons-core","title":"Icons Core","description":"Shared animation contract, pure frame-to-phase timeline, and SVG path-draw helpers for remocn icons.","type":"registry:lib","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icons-core.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icons-core.json","copy_url":"https://www.remocn.dev/r/icons-core.json"},{"name":"icon-check","title":"Check","description":"Animated Lucide check icon — the stroke draws on, then stamps with a spring pop to mark a step, task, or claim as done.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-check.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-check.json","copy_url":"https://www.remocn.dev/r/icon-check.json"},{"name":"icon-check-circle","title":"Check Circle","description":"Animated Lucide circle-check icon — the ring draws clockwise, the checkmark traces in, then the whole mark pops to confirm a completed or successful state.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-check-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-check-circle.json","copy_url":"https://www.remocn.dev/r/icon-check-circle.json"},{"name":"icon-x","title":"X","description":"Animated Lucide x icon — the two diagonals draw in crosswise, then the mark shakes to punctuate an error, removal, or dismissal.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-x.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-x.json","copy_url":"https://www.remocn.dev/r/icon-x.json"},{"name":"icon-activity","title":"Activity","description":"Animated Lucide activity icon — the pulse line sweeps through like an EKG, popping at the peak. Loops by default.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-activity.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-activity.json","copy_url":"https://www.remocn.dev/r/icon-activity.json"},{"name":"icon-alert-triangle","title":"Alert Triangle","description":"Animated Lucide triangle-alert icon — the outline draws on, the mark pops in, then the exclamation blinks to flag a risk or warning.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-alert-triangle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-alert-triangle.json","copy_url":"https://www.remocn.dev/r/icon-alert-triangle.json"},{"name":"icon-info","title":"Info","description":"Animated Lucide info icon — the ring draws clockwise, the dot pops and stem draws in, then the dot bobs to draw a gentle, neutral note.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-info.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-info.json","copy_url":"https://www.remocn.dev/r/icon-info.json"},{"name":"icon-loader","title":"Loader","description":"Animated Lucide loader-circle icon — the arc draws on, then spins continuously for a loading or processing beat. Loops by default.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-loader.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-loader.json","copy_url":"https://www.remocn.dev/r/icon-loader.json"},{"name":"icon-refresh-cw","title":"Refresh Cw","description":"Animated Lucide refresh-cw icon — the two arcs draw on, arrowheads pop, then the whole mark spins in cycles for sync, retry, or up-to-date messaging. Loops by …","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-refresh-cw.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-refresh-cw.json","copy_url":"https://www.remocn.dev/r/icon-refresh-cw.json"},{"name":"icon-search","title":"Search","description":"Animated Lucide search icon — the lens draws on, the handle extends, then the magnifier sweeps a small scanning path for a search or discovery beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-search.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-search.json","copy_url":"https://www.remocn.dev/r/icon-search.json"},{"name":"icon-bell","title":"Bell","description":"Animated Lucide bell icon — the body draws on, the clapper follows, then the bell swings from its mount to signal a notification or alert.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-bell.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-bell.json","copy_url":"https://www.remocn.dev/r/icon-bell.json"},{"name":"icon-download","title":"Download","description":"Animated Lucide download icon — the tray draws on, the arrow fades in, then drops into the tray with a squash on impact for a download or export beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-download.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-download.json","copy_url":"https://www.remocn.dev/r/icon-download.json"},{"name":"icon-upload","title":"Upload","description":"Animated Lucide upload icon — the tray draws on, the arrow fades in, then launches upward with a spring for an upload, publish, or submission beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-upload.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-upload.json","copy_url":"https://www.remocn.dev/r/icon-upload.json"},{"name":"icon-copy","title":"Copy","description":"Animated Lucide copy icon — the two sheets draw back-to-front, then the front sheet lifts and settles to read as a duplicate for a copy-to-clipboard beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-copy.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-copy.json","copy_url":"https://www.remocn.dev/r/icon-copy.json"},{"name":"icon-settings","title":"Settings","description":"Animated Lucide settings icon — the gear and center draw on, then the gear turns exactly one tooth for a settings, configuration, or customization beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-settings.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-settings.json","copy_url":"https://www.remocn.dev/r/icon-settings.json"},{"name":"icon-trash","title":"Trash","description":"Animated Lucide trash-2 icon — the can draws on, then the lid flips open and the contents vanish for a delete or cleanup beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-trash.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-trash.json","copy_url":"https://www.remocn.dev/r/icon-trash.json"},{"name":"icon-plus","title":"Plus","description":"Animated Lucide plus icon — the two strokes draw on, then the mark twirls 90deg with a scale pop for an energetic add or create beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-plus.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-plus.json","copy_url":"https://www.remocn.dev/r/icon-plus.json"},{"name":"icon-send","title":"Send","description":"Animated Lucide send icon — the paper plane draws on, then darts forward with a wind-up and settles back for a send-message beat.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-send.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-send.json","copy_url":"https://www.remocn.dev/r/icon-send.json"},{"name":"icon-heart","title":"Heart","description":"Animated Lucide heart icon — the outline draws on, then a lub-dub heartbeat pulse for likes, favorites, or built-with-love moments.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-heart.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-heart.json","copy_url":"https://www.remocn.dev/r/icon-heart.json"},{"name":"icon-star","title":"Star","description":"Animated Lucide star icon — the outline draws on, then twinkles into place with a small rotate and scale pop for ratings, favorites, or star callouts.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-star.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-star.json","copy_url":"https://www.remocn.dev/r/icon-star.json"},{"name":"icon-thumbs-up","title":"Thumbs Up","description":"Animated Lucide thumbs-up icon — the hand draws on, then springs up with an approving stamp for positive reviews, approvals, or social-proof beats.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-thumbs-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-thumbs-up.json","copy_url":"https://www.remocn.dev/r/icon-thumbs-up.json"},{"name":"icon-party-popper","title":"Party Popper","description":"Animated Lucide party-popper icon — the cone draws on, then confetti bursts outward as the cone recoils for launch, milestone, or celebration finales.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-party-popper.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-party-popper.json","copy_url":"https://www.remocn.dev/r/icon-party-popper.json"},{"name":"icon-arrow-right","title":"Arrow Right","description":"Animated Lucide arrow-right icon — the shaft and head draw on, then the arrow nudges forward for CTAs, next-step pointers, or flow direction.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-arrow-right.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-right.json","copy_url":"https://www.remocn.dev/r/icon-arrow-right.json"},{"name":"icon-arrow-left","title":"Arrow Left","description":"Animated Lucide arrow-left icon — the shaft and head draw on, then the arrow nudges back for back navigation or 'previously' callbacks.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-arrow-left.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-left.json","copy_url":"https://www.remocn.dev/r/icon-arrow-left.json"},{"name":"icon-arrow-up","title":"Arrow Up","description":"Animated Lucide arrow-up icon — the shaft and head draw on, then the arrow nudges up for growth, improvement, or upward-trend beats.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-arrow-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-up.json","copy_url":"https://www.remocn.dev/r/icon-arrow-up.json"},{"name":"icon-arrow-down","title":"Arrow Down","description":"Animated Lucide arrow-down icon — the shaft and head draw on, then the arrow nudges down for cost/latency reduction beats or scroll cues.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-arrow-down.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-arrow-down.json","copy_url":"https://www.remocn.dev/r/icon-arrow-down.json"},{"name":"icon-external-link","title":"External Link","description":"Animated Lucide external-link icon — the box and arrow draw on, then the arrow darts out toward the top-right for 'view on GitHub', external docs, or open-in-n…","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-external-link.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-external-link.json","copy_url":"https://www.remocn.dev/r/icon-external-link.json"},{"name":"icon-play","title":"Play","description":"Animated Lucide play icon — the triangle draws on, then presses in and springs forward like a play button being hit.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-play.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-play.json","copy_url":"https://www.remocn.dev/r/icon-play.json"},{"name":"icon-pause","title":"Pause","description":"Animated Lucide pause icon — the two bars draw on, then pinch toward each other and settle like a held breath.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-pause.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-pause.json","copy_url":"https://www.remocn.dev/r/icon-pause.json"},{"name":"icon-skip-forward","title":"Skip Forward","description":"Animated Lucide skip-forward icon — draws on, then dashes forward past center and snaps against its end bar.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-skip-forward.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-skip-forward.json","copy_url":"https://www.remocn.dev/r/icon-skip-forward.json"},{"name":"icon-volume-2","title":"Volume 2","description":"Animated Lucide volume-2 icon — the speaker draws on, then the two sound waves ripple outward one after the other.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-volume-2.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-volume-2.json","copy_url":"https://www.remocn.dev/r/icon-volume-2.json"},{"name":"icon-volume-x","title":"Volume X","description":"Animated Lucide volume-x icon — the speaker draws on, then the X slashes in and the glyph shakes off the sound.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-volume-x.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-volume-x.json","copy_url":"https://www.remocn.dev/r/icon-volume-x.json"},{"name":"icon-mic","title":"Mic","description":"Animated Lucide mic icon — draws on, then the capsule bounces twice like a level meter picking up voice.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-mic.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-mic.json","copy_url":"https://www.remocn.dev/r/icon-mic.json"},{"name":"icon-video","title":"Video","description":"Animated Lucide video icon — draws on, then the lens wedge pans out and snaps back to its shot.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-video.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-video.json","copy_url":"https://www.remocn.dev/r/icon-video.json"},{"name":"icon-camera","title":"Camera","description":"Animated Lucide camera icon — draws on, then the lens blinks shut and open like a shutter firing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-camera.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-camera.json","copy_url":"https://www.remocn.dev/r/icon-camera.json"},{"name":"icon-image","title":"Image","description":"Animated Lucide image icon — the frame draws on, then the mountain redraws and the sun drifts into place like a photo developing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-image.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-image.json","copy_url":"https://www.remocn.dev/r/icon-image.json"},{"name":"icon-chevron-up","title":"Chevron Up","description":"Animated Lucide chevron-up icon — draws on, then nudges upward with a fading echo.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-chevron-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-up.json","copy_url":"https://www.remocn.dev/r/icon-chevron-up.json"},{"name":"icon-chevron-down","title":"Chevron Down","description":"Animated Lucide chevron-down icon — draws on, then nudges downward with a fading echo.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-chevron-down.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-down.json","copy_url":"https://www.remocn.dev/r/icon-chevron-down.json"},{"name":"icon-chevron-left","title":"Chevron Left","description":"Animated Lucide chevron-left icon — draws on, then nudges left with a fading echo.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-chevron-left.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-left.json","copy_url":"https://www.remocn.dev/r/icon-chevron-left.json"},{"name":"icon-chevron-right","title":"Chevron Right","description":"Animated Lucide chevron-right icon — draws on, then nudges right with a fading echo.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-chevron-right.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-chevron-right.json","copy_url":"https://www.remocn.dev/r/icon-chevron-right.json"},{"name":"icon-menu","title":"Menu","description":"Animated Lucide menu icon — the three bars slide in from the left, top to bottom, each overshooting into place.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-menu.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-menu.json","copy_url":"https://www.remocn.dev/r/icon-menu.json"},{"name":"icon-more-horizontal","title":"More Horizontal","description":"Animated Lucide more-horizontal icon — three dots pop in, then do a left-to-right thinking wave.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-more-horizontal.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-more-horizontal.json","copy_url":"https://www.remocn.dev/r/icon-more-horizontal.json"},{"name":"icon-maximize","title":"Maximize","description":"Animated Lucide maximize icon — four corner brackets draw on, then fly outward and spring back like a window going fullscreen.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-maximize.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-maximize.json","copy_url":"https://www.remocn.dev/r/icon-maximize.json"},{"name":"icon-layout-grid","title":"Layout Grid","description":"Animated Lucide layout-grid icon — four tiles draw on, then re-pop into place clockwise like a dashboard assembling.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-layout-grid.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-layout-grid.json","copy_url":"https://www.remocn.dev/r/icon-layout-grid.json"},{"name":"icon-pencil","title":"Pencil","description":"Animated Lucide pencil icon — draws on, then scribbles: the pencil rocks around its tip as if writing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-pencil.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-pencil.json","copy_url":"https://www.remocn.dev/r/icon-pencil.json"},{"name":"icon-share-2","title":"Share 2","description":"Animated Lucide share-2 icon — three nodes draw on, then the connections re-trace and the receiving nodes pop as the share lands.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-share-2.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-share-2.json","copy_url":"https://www.remocn.dev/r/icon-share-2.json"},{"name":"icon-filter","title":"Filter","description":"Animated Lucide filter icon — the funnel draws on, then gives two quick shakes as results fall through.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-filter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-filter.json","copy_url":"https://www.remocn.dev/r/icon-filter.json"},{"name":"icon-eye","title":"Eye","description":"Animated Lucide eye icon — draws on, then blinks once and refocuses its pupil.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-eye.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-eye.json","copy_url":"https://www.remocn.dev/r/icon-eye.json"},{"name":"icon-eye-off","title":"Eye Off","description":"Animated Lucide eye-off icon — the eye fragments draw on, then the slash cuts through and visibility dims.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-eye-off.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-eye-off.json","copy_url":"https://www.remocn.dev/r/icon-eye-off.json"},{"name":"icon-rocket","title":"Rocket","description":"Animated Lucide rocket icon — draws on, then lifts off: the ship rises on a tilt while the flame re-ignites, then eases back to rest.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-rocket.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-rocket.json","copy_url":"https://www.remocn.dev/r/icon-rocket.json"},{"name":"icon-save","title":"Save","description":"Animated Lucide save icon — the disk draws on, then presses down and writes: the label slot re-draws as data commits.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-save.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-save.json","copy_url":"https://www.remocn.dev/r/icon-save.json"},{"name":"icon-link","title":"Link","description":"Animated Lucide link icon — two chain halves draw on, pull apart, and click together.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-link.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-link.json","copy_url":"https://www.remocn.dev/r/icon-link.json"},{"name":"icon-bookmark","title":"Bookmark","description":"Animated Lucide bookmark icon — draws on, then drops into place from above with a spring landing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-bookmark.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-bookmark.json","copy_url":"https://www.remocn.dev/r/icon-bookmark.json"},{"name":"icon-lock","title":"Lock","description":"Animated Lucide lock icon — the body draws on, then the shackle lifts and slams shut with a confirming pop.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-lock.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-lock.json","copy_url":"https://www.remocn.dev/r/icon-lock.json"},{"name":"icon-key","title":"Key","description":"Animated Lucide key icon — draws on, then turns in an invisible lock and springs back.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-key.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-key.json","copy_url":"https://www.remocn.dev/r/icon-key.json"},{"name":"icon-log-out","title":"Log Out","description":"Animated Lucide log-out icon — draws on, then the arrow steps out through the door frame with a fading echo.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-log-out.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-log-out.json","copy_url":"https://www.remocn.dev/r/icon-log-out.json"},{"name":"icon-mail","title":"Mail","description":"Animated Lucide mail icon — the envelope draws on, then the flap re-traces open and the whole envelope pops: you've got mail.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-mail.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-mail.json","copy_url":"https://www.remocn.dev/r/icon-mail.json"},{"name":"icon-message-circle","title":"Message Circle","description":"Animated Lucide message-circle icon — the bubble draws on, then inflates from its tail like a message arriving.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-message-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-message-circle.json","copy_url":"https://www.remocn.dev/r/icon-message-circle.json"},{"name":"icon-phone","title":"Phone","description":"Animated Lucide phone icon — draws on, then rings: three decaying rotation oscillations around center.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-phone.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-phone.json","copy_url":"https://www.remocn.dev/r/icon-phone.json"},{"name":"icon-at-sign","title":"At Sign","description":"Animated Lucide at-sign icon — the inner 'a' draws and pops, then the outer swoosh re-traces its tail: a mention landing.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-at-sign.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-at-sign.json","copy_url":"https://www.remocn.dev/r/icon-at-sign.json"},{"name":"icon-inbox","title":"Inbox","description":"Animated Lucide inbox icon — the tray draws on, then dips under the weight of an arriving item and springs back.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-inbox.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-inbox.json","copy_url":"https://www.remocn.dev/r/icon-inbox.json"},{"name":"icon-shield","title":"Shield","description":"Animated Lucide shield icon — draws on, then braces: a firm guard pulse that asserts protection.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-shield.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-shield.json","copy_url":"https://www.remocn.dev/r/icon-shield.json"},{"name":"icon-help-circle","title":"Help Circle","description":"Animated Lucide help-circle icon — the ring draws on, then the question mark re-draws and tilts like a curious head.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-help-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-help-circle.json","copy_url":"https://www.remocn.dev/r/icon-help-circle.json"},{"name":"icon-plus-circle","title":"Plus Circle","description":"Animated Lucide plus-circle icon — the ring draws on, the plus crosses in, then the whole badge pops.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-plus-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-plus-circle.json","copy_url":"https://www.remocn.dev/r/icon-plus-circle.json"},{"name":"icon-x-circle","title":"X Circle","description":"Animated Lucide x-circle icon — the ring draws on, the X slashes in, and the badge shakes once: firmly rejected.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-x-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-x-circle.json","copy_url":"https://www.remocn.dev/r/icon-x-circle.json"},{"name":"icon-calendar","title":"Calendar","description":"Animated Lucide calendar icon — the pad draws on, then the binder rings dip and the page snaps into place.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-calendar.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-calendar.json","copy_url":"https://www.remocn.dev/r/icon-calendar.json"},{"name":"icon-clock","title":"Clock","description":"Animated Lucide clock icon — the face draws on, then the hands sweep through discrete ticks. Loops by default.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-clock.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-clock.json","copy_url":"https://www.remocn.dev/r/icon-clock.json"},{"name":"icon-timer","title":"Timer","description":"Animated Lucide timer icon — draws on, then the start button clicks and the hand sweeps: the stopwatch is running.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-timer.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-timer.json","copy_url":"https://www.remocn.dev/r/icon-timer.json"},{"name":"icon-home","title":"Home","description":"Animated Lucide home icon — the house draws on, then the door re-draws open and the house settles: welcome home.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-home.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-home.json","copy_url":"https://www.remocn.dev/r/icon-home.json"},{"name":"icon-folder","title":"Folder","description":"Animated Lucide folder icon — draws on, then the folder tips open for a peek and closes.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-folder.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-folder.json","copy_url":"https://www.remocn.dev/r/icon-folder.json"},{"name":"icon-file-text","title":"File Text","description":"Animated Lucide file-text icon — the page draws on, then the text lines type themselves in, top to bottom.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-file-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-file-text.json","copy_url":"https://www.remocn.dev/r/icon-file-text.json"},{"name":"icon-code","title":"Code","description":"Animated Lucide code icon — the angle brackets draw on, pull apart, and snap back around their code.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-code.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-code.json","copy_url":"https://www.remocn.dev/r/icon-code.json"},{"name":"icon-target","title":"Target","description":"Animated Lucide target icon — three rings draw in from outside, then the bullseye hits: inner dot pops and the board shudders.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-target.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-target.json","copy_url":"https://www.remocn.dev/r/icon-target.json"},{"name":"icon-terminal","title":"Terminal","description":"Animated Lucide terminal icon — draws on, then the prompt nudges forward and the cursor blinks twice.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-terminal.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-terminal.json","copy_url":"https://www.remocn.dev/r/icon-terminal.json"},{"name":"icon-database","title":"Database","description":"Animated Lucide database icon — the cylinder draws on, then a write lands: the top disc pops and data settles down the stack.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-database.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-database.json","copy_url":"https://www.remocn.dev/r/icon-database.json"},{"name":"icon-cloud","title":"Cloud","description":"Animated Lucide cloud icon — draws on, then floats: a weightless bob and a half before settling.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-cloud.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-cloud.json","copy_url":"https://www.remocn.dev/r/icon-cloud.json"},{"name":"icon-globe","title":"Globe","description":"Animated Lucide globe icon — draws on, then the meridian sweeps west to east like the world turning. Loops by default.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-globe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-globe.json","copy_url":"https://www.remocn.dev/r/icon-globe.json"},{"name":"icon-monitor","title":"Monitor","description":"Animated Lucide monitor icon — the stand draws, then the screen powers on with a CRT-style unsquash.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-monitor.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-monitor.json","copy_url":"https://www.remocn.dev/r/icon-monitor.json"},{"name":"icon-smartphone","title":"Smartphone","description":"Animated Lucide smartphone icon — draws on, then buzzes: three fast vibration oscillations.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-smartphone.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-smartphone.json","copy_url":"https://www.remocn.dev/r/icon-smartphone.json"},{"name":"icon-sun","title":"Sun","description":"Animated Lucide sun icon — the core draws on, then eight rays fan out clockwise and the sun swells: sunrise.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-sun.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-sun.json","copy_url":"https://www.remocn.dev/r/icon-sun.json"},{"name":"icon-moon","title":"Moon","description":"Animated Lucide moon icon — draws on, then rocks gently into place: settling in for the night.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-moon.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-moon.json","copy_url":"https://www.remocn.dev/r/icon-moon.json"},{"name":"icon-shopping-cart","title":"Shopping Cart","description":"Animated Lucide shopping-cart icon — draws on, then rolls forward to checkout, wheels popping as it stops.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-shopping-cart.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-shopping-cart.json","copy_url":"https://www.remocn.dev/r/icon-shopping-cart.json"},{"name":"icon-credit-card","title":"Credit Card","description":"Animated Lucide credit-card icon — the card draws on, then the stripe swipes through and the card tips: payment accepted.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-credit-card.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-credit-card.json","copy_url":"https://www.remocn.dev/r/icon-credit-card.json"},{"name":"icon-crown","title":"Crown","description":"Animated Lucide crown icon — descends into place from above, lands with a pop, then rocks regally to rest.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-crown.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-crown.json","copy_url":"https://www.remocn.dev/r/icon-crown.json"},{"name":"icon-dollar-sign","title":"Dollar Sign","description":"Animated Lucide dollar-sign icon — draws on, then the sign stretches tall: understated cha-ching.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-dollar-sign.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-dollar-sign.json","copy_url":"https://www.remocn.dev/r/icon-dollar-sign.json"},{"name":"icon-tag","title":"Tag","description":"Animated Lucide tag icon — draws on, then swings from its hole like a price tag flicked by a shopper.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-tag.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-tag.json","copy_url":"https://www.remocn.dev/r/icon-tag.json"},{"name":"icon-package","title":"Package","description":"Animated Lucide package icon — the box draws on, lands with a squash-and-stretch, then the tape seam seals it.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-package.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-package.json","copy_url":"https://www.remocn.dev/r/icon-package.json"},{"name":"icon-gem","title":"Gem","description":"Animated Lucide gem icon — the stone draws on, then light catches it: facets re-trace in sequence with a flicker and a pop.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-gem.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-gem.json","copy_url":"https://www.remocn.dev/r/icon-gem.json"},{"name":"icon-gift","title":"Gift","description":"Animated Lucide gift icon — draws on, then the lid lifts for a peek and lands with a ribbon pop: almost unwrapped.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-gift.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-gift.json","copy_url":"https://www.remocn.dev/r/icon-gift.json"},{"name":"icon-wallet","title":"Wallet","description":"Animated Lucide wallet icon — draws on, then the wallet thickens with a quiet x-scale: money in.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-wallet.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-wallet.json","copy_url":"https://www.remocn.dev/r/icon-wallet.json"},{"name":"icon-award","title":"Award","description":"Animated Lucide award icon — the medal draws on, the ribbon unfurls beneath it, then the medal swings to rest.","type":"registry:component","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","editor","glassmorphism","icons","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/icon-award.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-award.json","copy_url":"https://www.remocn.dev/r/icon-award.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","auth","buttons","cards","charts","dashboard","forms","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.vercel.app/registry/rescript-shadcn","markdown":"https://sh4dcn.vercel.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?df74741d330ad294","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12,"open_issues":0,"last_commit":"2026-07-06T14:16:43Z"},"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","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleNova.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleNova.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleNova.json"},{"name":"Accordion","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Accordion.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Accordion.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Accordion.json"},{"name":"Alert","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Alert.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Alert.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Alert.json"},{"name":"AlertDialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialog.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialog.json"},{"name":"AspectRatio","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatio.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatio.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AspectRatio.json"},{"name":"Attachment","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Attachment.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Attachment.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Attachment.json"},{"name":"Avatar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Avatar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Avatar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Avatar.json"},{"name":"Badge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Badge.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Badge.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Badge.json"},{"name":"Breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Breadcrumb.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Breadcrumb.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Breadcrumb.json"},{"name":"Bubble","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Bubble.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Bubble.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Bubble.json"},{"name":"Button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Button.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Button.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Button.json"},{"name":"ButtonGroup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroup.json"},{"name":"Calendar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Calendar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Calendar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Calendar.json"},{"name":"Card","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Card.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Card.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Card.json"},{"name":"Carousel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Carousel.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Carousel.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Carousel.json"},{"name":"Chart","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Chart.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Chart.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Chart.json"},{"name":"Checkbox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Checkbox.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Checkbox.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Checkbox.json"},{"name":"Collapsible","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Collapsible.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Collapsible.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Collapsible.json"},{"name":"Combobox","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Combobox.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Combobox.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Combobox.json"},{"name":"Command","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Command.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Command.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Command.json"},{"name":"ContextMenu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenu.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenu.json"},{"name":"Dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Dialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Dialog.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Dialog.json"},{"name":"Direction","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Direction.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Direction.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Direction.json"},{"name":"Drawer","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Drawer.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Drawer.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Drawer.json"},{"name":"DropdownMenu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenu.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenu.json"},{"name":"Empty","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Empty.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Empty.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Empty.json"},{"name":"Field","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Field.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Field.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Field.json"},{"name":"HoverCard","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/HoverCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/HoverCard.json","copy_url":"https://rescript-shadcn.miriad.studio/r/HoverCard.json"},{"name":"Icons","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Icons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Icons.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Icons.json"},{"name":"Input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Input.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Input.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Input.json"},{"name":"InputGroup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/InputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/InputGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/InputGroup.json"},{"name":"InputOtp","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/InputOtp.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/InputOtp.json","copy_url":"https://rescript-shadcn.miriad.studio/r/InputOtp.json"},{"name":"Item","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Item.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Item.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Item.json"},{"name":"Kbd","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Kbd.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Kbd.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Kbd.json"},{"name":"Label","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Label.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Label.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Label.json"},{"name":"Marker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Marker.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Marker.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Marker.json"},{"name":"Menubar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Menubar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Menubar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Menubar.json"},{"name":"Message","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Message.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Message.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Message.json"},{"name":"MessageScroller","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/MessageScroller.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/MessageScroller.json","copy_url":"https://rescript-shadcn.miriad.studio/r/MessageScroller.json"},{"name":"NativeSelect","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/NativeSelect.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/NativeSelect.json","copy_url":"https://rescript-shadcn.miriad.studio/r/NativeSelect.json"},{"name":"NavigationMenu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/NavigationMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/NavigationMenu.json","copy_url":"https://rescript-shadcn.miriad.studio/r/NavigationMenu.json"},{"name":"Pagination","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Pagination.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Pagination.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Pagination.json"},{"name":"Popover","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Popover.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Popover.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Popover.json"},{"name":"Progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Progress.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Progress.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Progress.json"},{"name":"RadioGroup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/RadioGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/RadioGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/RadioGroup.json"},{"name":"Resizable","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Resizable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Resizable.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Resizable.json"},{"name":"ScrollArea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ScrollArea.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ScrollArea.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ScrollArea.json"},{"name":"Select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Select.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Select.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Select.json"},{"name":"Separator","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Separator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Separator.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Separator.json"},{"name":"Sheet","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Sheet.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sheet.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Sheet.json"},{"name":"Sidebar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Sidebar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sidebar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Sidebar.json"},{"name":"Skeleton","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Skeleton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Skeleton.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Skeleton.json"},{"name":"Slider","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Slider.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Slider.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Slider.json"},{"name":"Sonner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Sonner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sonner.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Sonner.json"},{"name":"Spinner","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Spinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Spinner.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Spinner.json"},{"name":"Switch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Switch.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Switch.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Switch.json"},{"name":"Table","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Table.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Table.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Table.json"},{"name":"Tabs","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Tabs.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Tabs.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Tabs.json"},{"name":"Textarea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Textarea.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Textarea.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Textarea.json"},{"name":"Toggle","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Toggle.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Toggle.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Toggle.json"},{"name":"ToggleGroup","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ToggleGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ToggleGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ToggleGroup.json"},{"name":"Tooltip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Tooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Tooltip.json","copy_url":"https://rescript-shadcn.miriad.studio/r/Tooltip.json"},{"name":"AccordionBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionBasic.json"},{"name":"AccordionBorders","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionBorders.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionBorders.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionBorders.json"},{"name":"AccordionCard","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionCard.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionCard.json"},{"name":"AccordionDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionDemo.json"},{"name":"AccordionDisabled","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json"},{"name":"AccordionMultiple","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AccordionMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionMultiple.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AccordionMultiple.json"},{"name":"AlertAction","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertAction.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertAction.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertAction.json"},{"name":"AlertBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertBasic.json"},{"name":"AlertColors","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertColors.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertColors.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertColors.json"},{"name":"AlertDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDemo.json"},{"name":"AlertDestructive","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDestructive.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDestructive.json"},{"name":"AlertDialogBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogBasic.json"},{"name":"AlertDialogDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDemo.json"},{"name":"AlertDialogDestructive","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogDestructive.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDestructive.json"},{"name":"AlertDialogMedia","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogMedia.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogMedia.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogMedia.json"},{"name":"AlertDialogSmall","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmall.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogSmall.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmall.json"},{"name":"AlertDialogSmallMedia","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmallMedia.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogSmallMedia.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmallMedia.json"},{"name":"AspectRatioDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioDemo.json"},{"name":"AspectRatioPortrait","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioPortrait.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioPortrait.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioPortrait.json"},{"name":"AspectRatioSquare","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioSquare.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioSquare.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioSquare.json"},{"name":"AttachmentDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AttachmentDemo.json"},{"name":"AttachmentGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AttachmentGroup.json"},{"name":"AttachmentImage","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentImage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentImage.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AttachmentImage.json"},{"name":"AttachmentStates","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentStates.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentStates.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AttachmentStates.json"},{"name":"AttachmentTrigger","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentTrigger.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentTrigger.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AttachmentTrigger.json"},{"name":"AvatarBadge","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadge.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBadge.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadge.json"},{"name":"AvatarBadgeIcon","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadgeIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBadgeIcon.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadgeIcon.json"},{"name":"AvatarBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarBasic.json"},{"name":"AvatarDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarDemo.json"},{"name":"AvatarDropdown","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarDropdown.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarDropdown.json"},{"name":"AvatarGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroup.json"},{"name":"AvatarGroupCount","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCount.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroupCount.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCount.json"},{"name":"AvatarGroupCountIcon","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCountIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroupCountIcon.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCountIcon.json"},{"name":"AvatarSize","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AvatarSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarSize.json","copy_url":"https://rescript-shadcn.miriad.studio/r/AvatarSize.json"},{"name":"BadgeColors","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeColors.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeColors.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeColors.json"},{"name":"BadgeDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeDemo.json"},{"name":"BadgeIcon","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeIcon.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeIcon.json"},{"name":"BadgeLink","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeLink.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeLink.json"},{"name":"BadgeSpinner","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeSpinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeSpinner.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeSpinner.json"},{"name":"BadgeVariants","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BadgeVariants.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeVariants.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BadgeVariants.json"},{"name":"BreadcrumbBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbBasic.json"},{"name":"BreadcrumbDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDemo.json"},{"name":"BreadcrumbDropdown","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbDropdown.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDropdown.json"},{"name":"BreadcrumbEllipsis","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbEllipsis.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbEllipsis.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbEllipsis.json"},{"name":"BreadcrumbLink","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbLink.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbLink.json"},{"name":"BreadcrumbSeparator","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbSeparator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbSeparator.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbSeparator.json"},{"name":"BubbleDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BubbleDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BubbleDemo.json"},{"name":"BubbleGroupDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BubbleGroupDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleGroupDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BubbleGroupDemo.json"},{"name":"BubbleReactions","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BubbleReactions.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleReactions.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BubbleReactions.json"},{"name":"BubbleVariants","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/BubbleVariants.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleVariants.json","copy_url":"https://rescript-shadcn.miriad.studio/r/BubbleVariants.json"},{"name":"ButtonDefault","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDefault.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDefault.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonDefault.json"},{"name":"ButtonDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonDemo.json"},{"name":"ButtonDestructive","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDestructive.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonDestructive.json"},{"name":"ButtonGhost","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGhost.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGhost.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGhost.json"},{"name":"ButtonGroupDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDemo.json"},{"name":"ButtonGroupDropdown","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupDropdown.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDropdown.json"},{"name":"ButtonGroupInput","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInput.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupInput.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInput.json"},{"name":"ButtonGroupInputGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupInputGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInputGroup.json"},{"name":"ButtonGroupNested","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupNested.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupNested.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupNested.json"},{"name":"ButtonGroupOrientation","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupOrientation.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupOrientation.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupOrientation.json"},{"name":"ButtonGroupPopover","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupPopover.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupPopover.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupPopover.json"},{"name":"ButtonGroupSelect","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSelect.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSelect.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSelect.json"},{"name":"ButtonGroupSeparator","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSeparator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSeparator.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSeparator.json"},{"name":"ButtonGroupSize","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSize.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSize.json"},{"name":"ButtonGroupSplit","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSplit.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSplit.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSplit.json"},{"name":"ButtonIcon","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonIcon.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonIcon.json"},{"name":"ButtonLink","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonLink.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonLink.json"},{"name":"ButtonOutline","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonOutline.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonOutline.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonOutline.json"},{"name":"ButtonRender","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonRender.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonRender.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonRender.json"},{"name":"ButtonRounded","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonRounded.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonRounded.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonRounded.json"},{"name":"ButtonSecondary","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSecondary.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSecondary.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonSecondary.json"},{"name":"ButtonSize","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSize.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonSize.json"},{"name":"ButtonSpinner","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSpinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSpinner.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonSpinner.json"},{"name":"ButtonWithIcon","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonWithIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonWithIcon.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ButtonWithIcon.json"},{"name":"CalendarBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarBasic.json"},{"name":"CalendarBookedDates","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarBookedDates.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarBookedDates.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarBookedDates.json"},{"name":"CalendarCaption","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarCaption.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarCaption.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarCaption.json"},{"name":"CalendarCustomDays","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarCustomDays.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarCustomDays.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarCustomDays.json"},{"name":"CalendarDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarDemo.json"},{"name":"CalendarHijri","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarHijri.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarHijri.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarHijri.json"},{"name":"CalendarMultiple","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarMultiple.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarMultiple.json"},{"name":"CalendarPresets","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarPresets.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarPresets.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarPresets.json"},{"name":"CalendarRange","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarRange.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarRange.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarRange.json"},{"name":"CalendarTime","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarTime.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarTime.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarTime.json"},{"name":"CalendarWeekNumbers","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CalendarWeekNumbers.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarWeekNumbers.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CalendarWeekNumbers.json"},{"name":"CardDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CardDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CardDemo.json"},{"name":"CardImage","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CardImage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardImage.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CardImage.json"},{"name":"CardSmall","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CardSmall.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardSmall.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CardSmall.json"},{"name":"CarouselApi","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselApi.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselApi.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselApi.json"},{"name":"CarouselDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselDemo.json"},{"name":"CarouselMultiple","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselMultiple.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselMultiple.json"},{"name":"CarouselOrientation","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselOrientation.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselOrientation.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselOrientation.json"},{"name":"CarouselPlugin","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselPlugin.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselPlugin.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselPlugin.json"},{"name":"CarouselSize","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselSize.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselSize.json"},{"name":"CarouselSpacing","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CarouselSpacing.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselSpacing.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CarouselSpacing.json"},{"name":"ChartDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartDemo.json"},{"name":"ChartExample","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartExample.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExample.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartExample.json"},{"name":"ChartExampleAxis","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleAxis.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleAxis.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleAxis.json"},{"name":"ChartExampleGrid","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleGrid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleGrid.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleGrid.json"},{"name":"ChartExampleLegend","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleLegend.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleLegend.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleLegend.json"},{"name":"ChartExampleTooltip","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleTooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleTooltip.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleTooltip.json"},{"name":"ChartTooltip","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ChartTooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartTooltip.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ChartTooltip.json"},{"name":"CheckboxBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxBasic.json"},{"name":"CheckboxDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDemo.json"},{"name":"CheckboxDescription","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDescription.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDescription.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDescription.json"},{"name":"CheckboxDisabled","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDisabled.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDisabled.json"},{"name":"CheckboxGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxGroup.json"},{"name":"CheckboxInvalid","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxInvalid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxInvalid.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxInvalid.json"},{"name":"CheckboxTable","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxTable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxTable.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CheckboxTable.json"},{"name":"CollapsibleBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleBasic.json"},{"name":"CollapsibleDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleDemo.json"},{"name":"CollapsibleFileTree","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleFileTree.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleFileTree.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleFileTree.json"},{"name":"CollapsibleSettings","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleSettings.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleSettings.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleSettings.json"},{"name":"ComboboxAutoHighlight","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxAutoHighlight.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxAutoHighlight.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxAutoHighlight.json"},{"name":"ComboboxBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxBasic.json"},{"name":"ComboboxClear","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxClear.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxClear.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxClear.json"},{"name":"ComboboxCustom","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxCustom.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxCustom.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxCustom.json"},{"name":"ComboboxDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDemo.json"},{"name":"ComboboxDisabled","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxDisabled.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDisabled.json"},{"name":"ComboboxGroups","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxGroups.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxGroups.json"},{"name":"ComboboxInputGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxInputGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInputGroup.json"},{"name":"ComboboxInvalid","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInvalid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxInvalid.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInvalid.json"},{"name":"ComboboxMultiple","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxMultiple.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxMultiple.json"},{"name":"ComboboxPopup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxPopup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxPopup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ComboboxPopup.json"},{"name":"CommandBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandBasic.json"},{"name":"CommandDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandDemo.json"},{"name":"CommandDialog","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandDialog.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandDialog.json"},{"name":"CommandGroups","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandGroups.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandGroups.json"},{"name":"CommandScrollable","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandScrollable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandScrollable.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandScrollable.json"},{"name":"CommandShortcuts","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/CommandShortcuts.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandShortcuts.json","copy_url":"https://rescript-shadcn.miriad.studio/r/CommandShortcuts.json"},{"name":"ContextMenuBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuBasic.json"},{"name":"ContextMenuCheckboxes","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuCheckboxes.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuCheckboxes.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuCheckboxes.json"},{"name":"ContextMenuDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDemo.json"},{"name":"ContextMenuDestructive","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuDestructive.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDestructive.json"},{"name":"ContextMenuGroups","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuGroups.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuGroups.json"},{"name":"ContextMenuIcons","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuIcons.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuIcons.json"},{"name":"ContextMenuRadio","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuRadio.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuRadio.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuRadio.json"},{"name":"ContextMenuShortcuts","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuShortcuts.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuShortcuts.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuShortcuts.json"},{"name":"ContextMenuSides","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSides.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuSides.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSides.json"},{"name":"ContextMenuSubmenu","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSubmenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuSubmenu.json","copy_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSubmenu.json"},{"name":"DataPickerWithDropdowns","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DataPickerWithDropdowns.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataPickerWithDropdowns.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DataPickerWithDropdowns.json"},{"name":"DataTableColumnHeader","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DataTableColumnHeader.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableColumnHeader.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DataTableColumnHeader.json"},{"name":"DataTableDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DataTableDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DataTableDemo.json"},{"name":"DataTablePagination","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DataTablePagination.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTablePagination.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DataTablePagination.json"},{"name":"DataTableViewOptions","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DataTableViewOptions.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableViewOptions.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DataTableViewOptions.json"},{"name":"DatePickerBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerBasic.json"},{"name":"DatePickerDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDemo.json"},{"name":"DatePickerDob","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDob.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerDob.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDob.json"},{"name":"DatePickerInput","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerInput.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerInput.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerInput.json"},{"name":"DatePickerNaturalLanguage","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerNaturalLanguage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerNaturalLanguage.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerNaturalLanguage.json"},{"name":"DatePickerRange","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerRange.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerRange.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerRange.json"},{"name":"DatePickerTime","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerTime.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerTime.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DatePickerTime.json"},{"name":"DialogCloseButton","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DialogCloseButton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogCloseButton.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DialogCloseButton.json"},{"name":"DialogDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DialogDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DialogDemo.json"},{"name":"DialogNoCloseButton","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DialogNoCloseButton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogNoCloseButton.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DialogNoCloseButton.json"},{"name":"DialogScrollableContent","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DialogScrollableContent.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogScrollableContent.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DialogScrollableContent.json"},{"name":"DialogStickyFooter","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DialogStickyFooter.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogStickyFooter.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DialogStickyFooter.json"},{"name":"DirectionDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DirectionDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DirectionDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DirectionDemo.json"},{"name":"DrawerDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DrawerDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DrawerDemo.json"},{"name":"DrawerDialog","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DrawerDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerDialog.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DrawerDialog.json"},{"name":"DrawerScrollableContent","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DrawerScrollableContent.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerScrollableContent.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DrawerScrollableContent.json"},{"name":"DrawerSides","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DrawerSides.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerSides.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DrawerSides.json"},{"name":"DropdownMenuAvatar","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuAvatar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuAvatar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuAvatar.json"},{"name":"DropdownMenuBasic","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuBasic.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuBasic.json"},{"name":"DropdownMenuCheckboxes","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxes.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxes.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxes.json"},{"name":"DropdownMenuCheckboxesIcons","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxesIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxesIcons.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxesIcons.json"},{"name":"DropdownMenuComplex","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuComplex.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuComplex.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuComplex.json"},{"name":"DropdownMenuDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuDemo.json"},{"name":"DropdownMenuDestructive","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuDestructive.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuDestructive.json"},{"name":"DropdownMenuIcons","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuIcons.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuIcons.json"},{"name":"DropdownMenuRadioGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioGroup.json"},{"name":"DropdownMenuRadioIcons","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioIcons.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuRadioIcons.json"},{"name":"DropdownMenuShortcuts","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuShortcuts.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuShortcuts.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuShortcuts.json"},{"name":"DropdownMenuSubmenu","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuSubmenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuSubmenu.json","copy_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuSubmenu.json"},{"name":"EmptyAvatar","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyAvatar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyAvatar.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyAvatar.json"},{"name":"EmptyAvatarGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyAvatarGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyAvatarGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyAvatarGroup.json"},{"name":"EmptyBackground","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyBackground.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyBackground.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyBackground.json"},{"name":"EmptyCard","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyCard.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyCard.json"},{"name":"EmptyDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyDemo.json"},{"name":"EmptyInputGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyInputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyInputGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyInputGroup.json"},{"name":"EmptyOutline","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/EmptyOutline.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/EmptyOutline.json","copy_url":"https://rescript-shadcn.miriad.studio/r/EmptyOutline.json"},{"name":"FieldCheckbox","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldCheckbox.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldCheckbox.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldCheckbox.json"},{"name":"FieldChoiceCard","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldChoiceCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldChoiceCard.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldChoiceCard.json"},{"name":"FieldDemo","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldDemo.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldDemo.json"},{"name":"FieldFieldset","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldFieldset.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldFieldset.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldFieldset.json"},{"name":"FieldGroup","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldGroup.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldGroup.json"},{"name":"FieldInput","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldInput.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldInput.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldInput.json"},{"name":"FieldRadio","title":null,"description":null,"type":"registry:example","tags":["accessibility","ai","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/FieldRadio.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/FieldRadio.json","copy_url":"https://rescript-shadcn.miriad.studio/r/FieldRadio.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.vercel.app/registry/retroui","markdown":"https://sh4dcn.vercel.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://retroui.dev/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://retroui.dev/pricing"},"metrics":{"github_stars":1513,"open_issues":1,"last_commit":"2026-06-24T00:45:32Z"},"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","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://retroui.dev/r/accordion.json","copy_url":"https://retroui.dev/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/alert.json","install_command":"npx shadcn@latest add https://retroui.dev/r/alert.json","copy_url":"https://retroui.dev/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://retroui.dev/r/alert-dialog.json","copy_url":"https://retroui.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://retroui.dev/r/aspect-ratio.json","copy_url":"https://retroui.dev/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/avatar.json","copy_url":"https://retroui.dev/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/badge.json","install_command":"npx shadcn@latest add https://retroui.dev/r/badge.json","copy_url":"https://retroui.dev/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://retroui.dev/r/breadcrumb.json","copy_url":"https://retroui.dev/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/button.json","install_command":"npx shadcn@latest add https://retroui.dev/r/button.json","copy_url":"https://retroui.dev/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/button-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/button-group.json","copy_url":"https://retroui.dev/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/calendar.json","copy_url":"https://retroui.dev/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/card.json","install_command":"npx shadcn@latest add https://retroui.dev/r/card.json","copy_url":"https://retroui.dev/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://retroui.dev/r/carousel.json","copy_url":"https://retroui.dev/r/carousel.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://retroui.dev/r/checkbox.json","copy_url":"https://retroui.dev/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://retroui.dev/r/collapsible.json","copy_url":"https://retroui.dev/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://retroui.dev/r/combobox.json","copy_url":"https://retroui.dev/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/command.json","install_command":"npx shadcn@latest add https://retroui.dev/r/command.json","copy_url":"https://retroui.dev/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/context-menu.json","copy_url":"https://retroui.dev/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://retroui.dev/r/dialog.json","copy_url":"https://retroui.dev/r/dialog.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/direction.json","install_command":"npx shadcn@latest add https://retroui.dev/r/direction.json","copy_url":"https://retroui.dev/r/direction.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://retroui.dev/r/drawer.json","copy_url":"https://retroui.dev/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/dropdown-menu.json","copy_url":"https://retroui.dev/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/empty.json","install_command":"npx shadcn@latest add https://retroui.dev/r/empty.json","copy_url":"https://retroui.dev/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/field.json","install_command":"npx shadcn@latest add https://retroui.dev/r/field.json","copy_url":"https://retroui.dev/r/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://retroui.dev/r/hover-card.json","copy_url":"https://retroui.dev/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input.json","copy_url":"https://retroui.dev/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input-group.json","copy_url":"https://retroui.dev/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input-otp.json","copy_url":"https://retroui.dev/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/item.json","install_command":"npx shadcn@latest add https://retroui.dev/r/item.json","copy_url":"https://retroui.dev/r/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://retroui.dev/r/kbd.json","copy_url":"https://retroui.dev/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/label.json","install_command":"npx shadcn@latest add https://retroui.dev/r/label.json","copy_url":"https://retroui.dev/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/menubar.json","copy_url":"https://retroui.dev/r/menubar.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/native-select.json","install_command":"npx shadcn@latest add https://retroui.dev/r/native-select.json","copy_url":"https://retroui.dev/r/native-select.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/navigation-menu.json","copy_url":"https://retroui.dev/r/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://retroui.dev/r/pagination.json","copy_url":"https://retroui.dev/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/popover.json","install_command":"npx shadcn@latest add https://retroui.dev/r/popover.json","copy_url":"https://retroui.dev/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/progress.json","install_command":"npx shadcn@latest add https://retroui.dev/r/progress.json","copy_url":"https://retroui.dev/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/radio-group.json","copy_url":"https://retroui.dev/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://retroui.dev/r/resizable.json","copy_url":"https://retroui.dev/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://retroui.dev/r/scroll-area.json","copy_url":"https://retroui.dev/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/select.json","install_command":"npx shadcn@latest add https://retroui.dev/r/select.json","copy_url":"https://retroui.dev/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/separator.json","install_command":"npx shadcn@latest add https://retroui.dev/r/separator.json","copy_url":"https://retroui.dev/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sheet.json","copy_url":"https://retroui.dev/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sidebar.json","copy_url":"https://retroui.dev/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://retroui.dev/r/skeleton.json","copy_url":"https://retroui.dev/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/slider.json","install_command":"npx shadcn@latest add https://retroui.dev/r/slider.json","copy_url":"https://retroui.dev/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sonner.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sonner.json","copy_url":"https://retroui.dev/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://retroui.dev/r/spinner.json","copy_url":"https://retroui.dev/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/switch.json","install_command":"npx shadcn@latest add https://retroui.dev/r/switch.json","copy_url":"https://retroui.dev/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/table.json","install_command":"npx shadcn@latest add https://retroui.dev/r/table.json","copy_url":"https://retroui.dev/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://retroui.dev/r/tabs.json","copy_url":"https://retroui.dev/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://retroui.dev/r/textarea.json","copy_url":"https://retroui.dev/r/textarea.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://retroui.dev/r/toggle.json","copy_url":"https://retroui.dev/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/toggle-group.json","copy_url":"https://retroui.dev/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://retroui.dev/r/tooltip.json","copy_url":"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":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"labels":["featured","popular","pro"],"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.vercel.app/registry/reui","markdown":"https://sh4dcn.vercel.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.%20Hand-crafted%20icons%2C%20templates%2C%20and%20a%20hosted%20MCP%20server%20so%20coding%20agents%20build%20with%20the%20shadcn%20CLI.&amp;v=dpl_9hxE2zVYEnT7iDn8ZYrq1vpQkYyM","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://reui.io/pricing"},"metrics":{"github_stars":3049,"open_issues":35,"last_commit":"2026-03-30T12:19:39Z"},"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":"alert","title":"Alert","description":null,"type":"registry:ui","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/alert.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/alert.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-10.json"},{"name":"app-shell-11","title":"Operations app shell with four toggleable regions and a resizable bottom workbe…","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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-13.json"},{"name":"app-shell-14","title":"Mini icon-rail app shell with per-section secondary nav and a tabbed workspace …","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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-20.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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-3.json"},{"name":"app-shell-4","title":"Mail inbox app shell with icon folder rail, wide message list, and selected-mes…","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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-6.json"},{"name":"app-shell-7","title":"Breadcrumb-switcher app shell with org/app/environment dropdowns and a live sys…","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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/app-shell-7.json"},{"name":"app-shell-8","title":"Inset icon-rail app shell with per-section secondary nav, org/app/env switchers…","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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-1.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-10.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-11.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-12.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-13.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-14.json","copy_url":"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 ReUI InputGroup, Field, B…","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-15.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-16.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-17.json","copy_url":"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 ReU…","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-18.json","copy_url":"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 ReUI…","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-19.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-2.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-20.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-3.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-4.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-5.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-6.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-7.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-8.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-9.json","copy_url":"https://reui.io/r/{style}/auth-9.json"},{"name":"autocomplete","title":"Autocomplete","description":null,"type":"registry:ui","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/autocomplete.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/autocomplete.json","copy_url":"https://reui.io/r/{style}/autocomplete.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/badge.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/badge.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-1.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-2.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-3.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-4.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-5.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-6.json","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-accordion-9.json"},{"name":"c-alert-1","title":"Basic alert","description":"Basic alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-14.json"},{"name":"c-alert-15","title":"Inverted alert variant","description":"Inverted alert variant","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-15.json"},{"name":"c-alert-16","title":"Urgent billing notice","description":"Urgent billing notice","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-17.json"},{"name":"c-alert-18","title":"Feature discovery alert","description":"Feature discovery alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-19.json"},{"name":"c-alert-2","title":"Alert with icon","description":"Alert with icon","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-5.json"},{"name":"c-alert-6","title":"Success alert","description":"Success alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-6.json"},{"name":"c-alert-7","title":"Warning alert","description":"Warning alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-7.json"},{"name":"c-alert-8","title":"Error alert","description":"Error alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-alert-8.json"},{"name":"c-alert-9","title":"Invert alert","description":"Invert alert","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-aspect-ratio-8.json"},{"name":"c-autocomplete-1","title":"Basic autocomplete control","description":"Basic autocomplete control","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-1.json"},{"name":"c-autocomplete-10","title":"Small autocomplete","description":"Small autocomplete","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-10.json"},{"name":"c-autocomplete-11","title":"Large autocomplete","description":"Large autocomplete","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-11.json"},{"name":"c-autocomplete-12","title":"Form integration","description":"Form integration","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-12.json"},{"name":"c-autocomplete-2","title":"Disabled state","description":"Disabled state","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-3.json"},{"name":"c-autocomplete-4","title":"Control with label","description":"Control with label","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-4.json"},{"name":"c-autocomplete-5","title":"With clear button","description":"With clear button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-5.json"},{"name":"c-autocomplete-6","title":"With trigger button","description":"With trigger button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-8.json"},{"name":"c-autocomplete-9","title":"With search results","description":"With search results","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-autocomplete-9.json"},{"name":"c-avatar-1","title":"Basic avatar","description":"Basic avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-avatar-1.json"},{"name":"c-avatar-10","title":"Basic avatar group","description":"Basic avatar group","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-avatar-19.json"},{"name":"c-avatar-2","title":"Avatar with fallback","description":"Avatar with fallback","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-avatar-9.json"},{"name":"c-badge-1","title":"Default badge","description":"Default badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-1.json"},{"name":"c-badge-10","title":"Info outline badge","description":"Info outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-10.json"},{"name":"c-badge-11","title":"Success outline badge","description":"Success outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-11.json"},{"name":"c-badge-12","title":"Warning outline badge","description":"Warning outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-12.json"},{"name":"c-badge-13","title":"Primary light badge","description":"Primary light badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-13.json"},{"name":"c-badge-14","title":"Destructive light badge","description":"Destructive light badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-14.json"},{"name":"c-badge-15","title":"Success light badge","description":"Success light badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-15.json"},{"name":"c-badge-16","title":"Info light badge","description":"Info light badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-16.json"},{"name":"c-badge-17","title":"Warning light badge","description":"Warning light badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-17.json"},{"name":"c-badge-18","title":"Badge size variations","description":"Badge size variations","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-19.json"},{"name":"c-badge-2","title":"Secondary badge","description":"Secondary badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-23.json"},{"name":"c-badge-24","title":"Badge with avatar","description":"Badge with avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-25.json"},{"name":"c-badge-3","title":"Destructive badge","description":"Destructive badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-3.json"},{"name":"c-badge-4","title":"Success badge","description":"Success badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-4.json"},{"name":"c-badge-5","title":"Info badge","description":"Info badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-5.json"},{"name":"c-badge-6","title":"Warning badge","description":"Warning badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-6.json"},{"name":"c-badge-7","title":"Outline badge","description":"Outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-7.json"},{"name":"c-badge-8","title":"Primary outline badge","description":"Primary outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-8.json"},{"name":"c-badge-9","title":"Destructive outline badge","description":"Destructive outline badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-badge-9.json"},{"name":"c-breadcrumb-1","title":"Basic breadcrumb","description":"Basic breadcrumb","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-breadcrumb-13.json"},{"name":"c-breadcrumb-14","title":"Button-style breadcrumb","description":"Button-style breadcrumb","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-breadcrumb-8.json"},{"name":"c-breadcrumb-9","title":"Breadcrumb inside card","description":"Breadcrumb inside card","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-breadcrumb-9.json"},{"name":"c-button-1","title":"Default button","description":"Default button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-button-1.json"},{"name":"c-button-10","title":"Disabled button","description":"Disabled button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-button-10.json"},{"name":"c-button-11","title":"Icon button","description":"Icon button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"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","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"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","copy_url":"https://reui.io/r/{style}/c-button-18.json"},{"name":"c-button-19","title":"Outline button with an icon on the right","description":"Outline button with an icon on the right","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-19.json","copy_url":"https://reui.io/r/{style}/c-button-19.json"},{"name":"c-button-2","title":"Secondary button","description":"Secondary button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-2.json","copy_url":"https://reui.io/r/{style}/c-button-2.json"},{"name":"c-button-20","title":"Ghost button with an icon on the left","description":"Ghost button with an icon on the left","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-20.json","copy_url":"https://reui.io/r/{style}/c-button-20.json"},{"name":"c-button-21","title":"Ghost button with an icon on the right","description":"Ghost button with an icon on the right","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-21.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-21.json","copy_url":"https://reui.io/r/{style}/c-button-21.json"},{"name":"c-button-22","title":"Destructive button with an icon on the left","description":"Destructive button with an icon on the left","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-22.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-22.json","copy_url":"https://reui.io/r/{style}/c-button-22.json"},{"name":"c-button-23","title":"Destructive button with an icon on the right","description":"Destructive button with an icon on the right","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-23.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-23.json","copy_url":"https://reui.io/r/{style}/c-button-23.json"},{"name":"c-button-24","title":"Extra small icon button","description":"Extra small icon button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-24.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-24.json","copy_url":"https://reui.io/r/{style}/c-button-24.json"},{"name":"c-button-25","title":"Small icon button","description":"Small icon button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-25.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-25.json","copy_url":"https://reui.io/r/{style}/c-button-25.json"},{"name":"c-button-26","title":"Large (lg) icon-only button","description":"Large (lg) icon-only button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-26.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-26.json","copy_url":"https://reui.io/r/{style}/c-button-26.json"},{"name":"c-button-27","title":"Button rendered as a Next.js Link","description":"Button rendered as a Next.js Link","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-27.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-27.json","copy_url":"https://reui.io/r/{style}/c-button-27.json"},{"name":"c-button-28","title":"Link button with an icon on the left","description":"Link button with an icon on the left","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-28.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-28.json","copy_url":"https://reui.io/r/{style}/c-button-28.json"},{"name":"c-button-29","title":"Link button with an icon on the right","description":"Link button with an icon on the right","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-29.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-29.json","copy_url":"https://reui.io/r/{style}/c-button-29.json"},{"name":"c-button-3","title":"Outline button","description":"Outline button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-3.json","copy_url":"https://reui.io/r/{style}/c-button-3.json"},{"name":"c-button-30","title":"Large button with an icon on the left","description":"Large button with an icon on the left","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-30.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-30.json","copy_url":"https://reui.io/r/{style}/c-button-30.json"},{"name":"c-button-31","title":"Large button with an icon on the right","description":"Large button with an icon on the right","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-31.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-31.json","copy_url":"https://reui.io/r/{style}/c-button-31.json"},{"name":"c-button-32","title":"Outline button with an invalid state","description":"Outline button with an invalid state","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-32.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-32.json","copy_url":"https://reui.io/r/{style}/c-button-32.json"},{"name":"c-button-33","title":"Ghost button with an invalid state","description":"Ghost button with an invalid state","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-33.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-33.json","copy_url":"https://reui.io/r/{style}/c-button-33.json"},{"name":"c-button-34","title":"Button with an icon on the left","description":"Button with an icon on the left","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-34.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-34.json","copy_url":"https://reui.io/r/{style}/c-button-34.json"},{"name":"c-button-35","title":"Ghost button with more/less toggle","description":"Ghost button with more/less toggle","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-35.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-35.json","copy_url":"https://reui.io/r/{style}/c-button-35.json"},{"name":"c-button-36","title":"Social login buttons with Remix Icons","description":"Social login buttons with Remix Icons","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-36.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-36.json","copy_url":"https://reui.io/r/{style}/c-button-36.json"},{"name":"c-button-37","title":"Outline like button with count","description":"Outline like button with count","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-37.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-37.json","copy_url":"https://reui.io/r/{style}/c-button-37.json"},{"name":"c-button-38","title":"Star button with count","description":"Star button with count","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-38.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-38.json","copy_url":"https://reui.io/r/{style}/c-button-38.json"},{"name":"c-button-39","title":"Button with an unread badge","description":"Button with an unread badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-39.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-39.json","copy_url":"https://reui.io/r/{style}/c-button-39.json"},{"name":"c-button-4","title":"Ghost button","description":"Ghost button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-4.json","copy_url":"https://reui.io/r/{style}/c-button-4.json"},{"name":"c-button-40","title":"Button with icon, label, and shortcut keys","description":"Button with icon, label, and shortcut keys","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-40.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-40.json","copy_url":"https://reui.io/r/{style}/c-button-40.json"},{"name":"c-button-41","title":"Copy button with feedback","description":"Copy button with feedback","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-41.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-41.json","copy_url":"https://reui.io/r/{style}/c-button-41.json"},{"name":"c-button-42","title":"Icon-only copy button with feedback","description":"Icon-only copy button with feedback","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-42.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-42.json","copy_url":"https://reui.io/r/{style}/c-button-42.json"},{"name":"c-button-43","title":"Animated hamburger / close toggle button","description":"Animated hamburger / close toggle button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-43.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-43.json","copy_url":"https://reui.io/r/{style}/c-button-43.json"},{"name":"c-button-44","title":"Async action button with loading and success states","description":"Async action button with loading and success states","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-44.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-44.json","copy_url":"https://reui.io/r/{style}/c-button-44.json"},{"name":"c-button-45","title":"Outline button with inline count badge","description":"Outline button with inline count badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-45.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-45.json","copy_url":"https://reui.io/r/{style}/c-button-45.json"},{"name":"c-button-46","title":"Button with status dot badge","description":"Button with status dot badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-46.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-46.json","copy_url":"https://reui.io/r/{style}/c-button-46.json"},{"name":"c-button-47","title":"Ghost button with a status badge","description":"Ghost button with a status badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-47.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-47.json","copy_url":"https://reui.io/r/{style}/c-button-47.json"},{"name":"c-button-48","title":"Icon button with notification badge","description":"Icon button with notification badge","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-48.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-48.json","copy_url":"https://reui.io/r/{style}/c-button-48.json"},{"name":"c-button-49","title":"Go back link button","description":"Go back link button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-49.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-49.json","copy_url":"https://reui.io/r/{style}/c-button-49.json"},{"name":"c-button-5","title":"Destructive button","description":"Destructive button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-5.json","copy_url":"https://reui.io/r/{style}/c-button-5.json"},{"name":"c-button-50","title":"Go back link button with animation","description":"Go back link button with animation","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-50.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-50.json","copy_url":"https://reui.io/r/{style}/c-button-50.json"},{"name":"c-button-51","title":"Expanding button from icon to label","description":"Expanding button from icon to label","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-51.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-51.json","copy_url":"https://reui.io/r/{style}/c-button-51.json"},{"name":"c-button-52","title":"Multi-line button with icon, title & description","description":"Multi-line button with icon, title & description","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-52.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-52.json","copy_url":"https://reui.io/r/{style}/c-button-52.json"},{"name":"c-button-53","title":"Sliding Icon Button (Hover reveal)","description":"Sliding Icon Button (Hover reveal)","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-53.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-53.json","copy_url":"https://reui.io/r/{style}/c-button-53.json"},{"name":"c-button-54","title":"Shortcut Tooltip Button (Kbd hints)","description":"Shortcut Tooltip Button (Kbd hints)","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-54.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-54.json","copy_url":"https://reui.io/r/{style}/c-button-54.json"},{"name":"c-button-55","title":"Button with avatar","description":"Button with avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-55.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-55.json","copy_url":"https://reui.io/r/{style}/c-button-55.json"},{"name":"c-button-56","title":"Outline button with avatar","description":"Outline button with avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-56.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-56.json","copy_url":"https://reui.io/r/{style}/c-button-56.json"},{"name":"c-button-57","title":"Small button with avatar","description":"Small button with avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-57.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-57.json","copy_url":"https://reui.io/r/{style}/c-button-57.json"},{"name":"c-button-58","title":"Small outline button with avatar","description":"Small outline button with avatar","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-58.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-58.json","copy_url":"https://reui.io/r/{style}/c-button-58.json"},{"name":"c-button-59","title":"Social login buttons with Remix icons","description":"Social login buttons with Remix icons","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-59.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-59.json","copy_url":"https://reui.io/r/{style}/c-button-59.json"},{"name":"c-button-6","title":"Link button variant","description":"Link button variant","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-6.json","copy_url":"https://reui.io/r/{style}/c-button-6.json"},{"name":"c-button-60","title":"Social icon-only buttons with Remix icons","description":"Social icon-only buttons with Remix icons","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-60.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-60.json","copy_url":"https://reui.io/r/{style}/c-button-60.json"},{"name":"c-button-61","title":"Theme toggle button with animated moon and sun icons","description":"Theme toggle button with animated moon and sun icons","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-61.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-61.json","copy_url":"https://reui.io/r/{style}/c-button-61.json"},{"name":"c-button-7","title":"Extra small button","description":"Extra small button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-7.json","copy_url":"https://reui.io/r/{style}/c-button-7.json"},{"name":"c-button-8","title":"Small button","description":"Small button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-8.json","copy_url":"https://reui.io/r/{style}/c-button-8.json"},{"name":"c-button-9","title":"Large button","description":"Large button","type":"registry:block","tags":["auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-button-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-9.json","copy_url":"https://reui.io/r/{style}/c-button-9.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.vercel.app/registry/roiui","markdown":"https://sh4dcn.vercel.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-07-06T21:19:16Z"},"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":124,"components":[{"name":"utils","title":null,"description":null,"type":"registry:item","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)"],"source_url":"https://roiui.com/r/utils.json","install_command":"npx shadcn@latest add https://roiui.com/r/utils.json","copy_url":"https://roiui.com/r/utils.json"},{"name":"utils-tailwind","title":null,"description":null,"type":"registry:item","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)"],"source_url":"https://roiui.com/r/utils-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/utils-tailwind.json","copy_url":"https://roiui.com/r/utils-tailwind.json"},{"name":"accordion","title":"Accordion","description":"A collapsible content component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/accordion.json","install_command":"npx shadcn@latest add https://roiui.com/r/accordion.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-dialog.json","copy_url":"https://roiui.com/r/alert-dialog.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://roiui.com/r/autocomplete.json","copy_url":"https://roiui.com/r/autocomplete.json"},{"name":"alert","title":"Alert","description":"A component for displaying important messages to users.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/alert.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert.json","copy_url":"https://roiui.com/r/alert.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/avatar.json","install_command":"npx shadcn@latest add https://roiui.com/r/avatar.json","copy_url":"https://roiui.com/r/avatar.json"},{"name":"background","title":"Background","description":"A background component with various visual effects.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/background.json","install_command":"npx shadcn@latest add https://roiui.com/r/background.json","copy_url":"https://roiui.com/r/background.json"},{"name":"badge","title":"Badge","description":"A small count and labeling component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/badge.json","install_command":"npx shadcn@latest add https://roiui.com/r/badge.json","copy_url":"https://roiui.com/r/badge.json"},{"name":"button","title":"Button","description":"A button component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/button.json","install_command":"npx shadcn@latest add https://roiui.com/r/button.json","copy_url":"https://roiui.com/r/button.json"},{"name":"card","title":"Card","description":"A container component for displaying content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card.json","install_command":"npx shadcn@latest add https://roiui.com/r/card.json","copy_url":"https://roiui.com/r/card.json"},{"name":"calendar","title":"Calendar","description":"A date picker calendar component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/calendar.json","install_command":"npx shadcn@latest add https://roiui.com/r/calendar.json","copy_url":"https://roiui.com/r/calendar.json"},{"name":"carousel","title":"Carousel","description":"A slideshow component for cycling through content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/carousel.json","install_command":"npx shadcn@latest add https://roiui.com/r/carousel.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-group.json","copy_url":"https://roiui.com/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":"An expandable/collapsible panel controlled by a button.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://roiui.com/r/collapsible.json","copy_url":"https://roiui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A searchable select component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/combobox.json","install_command":"npx shadcn@latest add https://roiui.com/r/combobox.json","copy_url":"https://roiui.com/r/combobox.json"},{"name":"command","title":"Command","description":"A command palette component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/command.json","install_command":"npx shadcn@latest add https://roiui.com/r/command.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/context-menu.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://roiui.com/r/copy-button.json","copy_url":"https://roiui.com/r/copy-button.json"},{"name":"dialog","title":"Dialog","description":"A modal dialog component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/dialog.json","install_command":"npx shadcn@latest add https://roiui.com/r/dialog.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/drawer.json","install_command":"npx shadcn@latest add https://roiui.com/r/drawer.json","copy_url":"https://roiui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A dropdown menu component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/dropdown-menu.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/expandable-card.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/expandable-card-carousel.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-carousel.json","copy_url":"https://roiui.com/r/expandable-card-carousel.json"},{"name":"field","title":"Field","description":"A form field component with label and validation.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/field.json","install_command":"npx shadcn@latest add https://roiui.com/r/field.json","copy_url":"https://roiui.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"A native fieldset element with an easily stylable legend.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://roiui.com/r/fieldset.json","copy_url":"https://roiui.com/r/fieldset.json"},{"name":"form","title":"Form","description":"A form component for handling user input.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/form.json","install_command":"npx shadcn@latest add https://roiui.com/r/form.json","copy_url":"https://roiui.com/r/form.json"},{"name":"input","title":"Input","description":"An input component for user text entry.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/input.json","install_command":"npx shadcn@latest add https://roiui.com/r/input.json","copy_url":"https://roiui.com/r/input.json"},{"name":"like-button","title":"Like Button","description":"A button component for liking content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/like-button.json","install_command":"npx shadcn@latest add https://roiui.com/r/like-button.json","copy_url":"https://roiui.com/r/like-button.json"},{"name":"kbd","title":"Kbd","description":"A component for displaying keyboard keys and shortcuts.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/kbd.json","install_command":"npx shadcn@latest add https://roiui.com/r/kbd.json","copy_url":"https://roiui.com/r/kbd.json"},{"name":"menubar","title":"Menubar","description":"A horizontal menu bar component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/menubar.json","install_command":"npx shadcn@latest add https://roiui.com/r/menubar.json","copy_url":"https://roiui.com/r/menubar.json"},{"name":"meter","title":"Meter","description":"A graphical display of a numeric value within a range.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/meter.json","install_command":"npx shadcn@latest add https://roiui.com/r/meter.json","copy_url":"https://roiui.com/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A navigation menu component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/navigation-menu.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/otp-field.json","install_command":"npx shadcn@latest add https://roiui.com/r/otp-field.json","copy_url":"https://roiui.com/r/otp-field.json"},{"name":"popover","title":"Popover","description":"A floating content container.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/popover.json","install_command":"npx shadcn@latest add https://roiui.com/r/popover.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/radio.json","install_command":"npx shadcn@latest add https://roiui.com/r/radio.json","copy_url":"https://roiui.com/r/radio.json"},{"name":"scroll-area","title":"Scroll Area","description":"A native scroll container with custom scrollbars.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://roiui.com/r/scroll-area.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/select.json","install_command":"npx shadcn@latest add https://roiui.com/r/select.json","copy_url":"https://roiui.com/r/select.json"},{"name":"separator","title":"Separator","description":"A separator element accessible to screen readers.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/separator.json","install_command":"npx shadcn@latest add https://roiui.com/r/separator.json","copy_url":"https://roiui.com/r/separator.json"},{"name":"slider","title":"Slider","description":"A slider component for selecting values from a range.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/slider.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider.json","copy_url":"https://roiui.com/r/slider.json"},{"name":"switch","title":"Switch","description":"A toggle switch component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/switch.json","install_command":"npx shadcn@latest add https://roiui.com/r/switch.json","copy_url":"https://roiui.com/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/tabs.json","install_command":"npx shadcn@latest add https://roiui.com/r/tabs.json","copy_url":"https://roiui.com/r/tabs.json"},{"name":"table","title":"Table","description":"A responsive table component for displaying structured tabular data.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/table.json","install_command":"npx shadcn@latest add https://roiui.com/r/table.json","copy_url":"https://roiui.com/r/table.json"},{"name":"toast","title":"Toast","description":"A succinct message notification.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/toast.json","install_command":"npx shadcn@latest add https://roiui.com/r/toast.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/toggle.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-group.json","copy_url":"https://roiui.com/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"A toolbar component for grouping action buttons and controls.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://roiui.com/r/toolbar.json","copy_url":"https://roiui.com/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information on hover.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://roiui.com/r/tooltip.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/chart.json","install_command":"npx shadcn@latest add https://roiui.com/r/chart.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/progress.json","install_command":"npx shadcn@latest add https://roiui.com/r/progress.json","copy_url":"https://roiui.com/r/progress.json"},{"name":"prop-table","title":"Prop Table","description":"An expandable table for documenting component props.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/prop-table.json","install_command":"npx shadcn@latest add https://roiui.com/r/prop-table.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/number-field.json","install_command":"npx shadcn@latest add https://roiui.com/r/number-field.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/slider.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider.json","copy_url":"https://roiui.com/r/slider.json"},{"name":"card-login","title":"Card Login","description":"A login card component with email/password fields and social login options.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-login.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-login.json","copy_url":"https://roiui.com/r/card-login.json"},{"name":"card-task","title":"Card Task","description":"A task card component with badges, avatars, and action menu.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-task.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-task.json","copy_url":"https://roiui.com/r/card-task.json"},{"name":"card-traffic","title":"Card Traffic","description":"A website traffic card component with line chart and statistics.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-traffic.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-traffic.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/card-image-section.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-image-section.json","copy_url":"https://roiui.com/r/card-image-section.json"},{"name":"ai-chat","title":"AI Chat","description":"An AI chat input component with mode selector and action buttons.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/ai-chat.json","install_command":"npx shadcn@latest add https://roiui.com/r/ai-chat.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/card-progress.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-progress.json","copy_url":"https://roiui.com/r/card-progress.json"},{"name":"pricing-section","title":"Pricing Section","description":"A pricing section with three plan cards.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/pricing-section.json","install_command":"npx shadcn@latest add https://roiui.com/r/pricing-section.json","copy_url":"https://roiui.com/r/pricing-section.json"},{"name":"kanban-board","title":"Kanban Board","description":"A full-featured kanban board with drag-and-drop functionality.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://roiui.com/r/kanban-board.json","copy_url":"https://roiui.com/r/kanban-board.json"},{"name":"accordion-tailwind","title":"Accordion (Tailwind)","description":"A collapsible content component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/accordion-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/accordion-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/alert-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/alert-dialog-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-dialog-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/autocomplete-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/autocomplete-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/avatar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/avatar-tailwind.json","copy_url":"https://roiui.com/r/avatar-tailwind.json"},{"name":"background-tailwind","title":"Background (Tailwind)","description":"A background component with various visual effects.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/background-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/background-tailwind.json","copy_url":"https://roiui.com/r/background-tailwind.json"},{"name":"badge-tailwind","title":"Badge (Tailwind)","description":"A small count and labeling component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/badge-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/badge-tailwind.json","copy_url":"https://roiui.com/r/badge-tailwind.json"},{"name":"button-tailwind","title":"Button (Tailwind)","description":"A button component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/button-tailwind.json","copy_url":"https://roiui.com/r/button-tailwind.json"},{"name":"card-tailwind","title":"Card (Tailwind)","description":"A container component for displaying content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-tailwind.json","copy_url":"https://roiui.com/r/card-tailwind.json"},{"name":"calendar-tailwind","title":"Calendar (Tailwind)","description":"A date picker calendar component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/calendar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/calendar-tailwind.json","copy_url":"https://roiui.com/r/calendar-tailwind.json"},{"name":"carousel-tailwind","title":"Carousel (Tailwind)","description":"A slideshow component for cycling through content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/carousel-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/carousel-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/checkbox-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/checkbox-group-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-group-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/collapsible-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/collapsible-tailwind.json","copy_url":"https://roiui.com/r/collapsible-tailwind.json"},{"name":"combobox-tailwind","title":"Combobox (Tailwind)","description":"A searchable select component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/combobox-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/combobox-tailwind.json","copy_url":"https://roiui.com/r/combobox-tailwind.json"},{"name":"command-tailwind","title":"Command (Tailwind)","description":"A command palette component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/command-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/command-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/context-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/context-menu-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/copy-button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/copy-button-tailwind.json","copy_url":"https://roiui.com/r/copy-button-tailwind.json"},{"name":"dialog-tailwind","title":"Dialog (Tailwind)","description":"A modal dialog component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/dialog-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/dialog-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/drawer-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/drawer-tailwind.json","copy_url":"https://roiui.com/r/drawer-tailwind.json"},{"name":"dropdown-menu-tailwind","title":"Dropdown Menu (Tailwind)","description":"A dropdown menu component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/dropdown-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/dropdown-menu-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/field-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/fieldset-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/fieldset-tailwind.json","copy_url":"https://roiui.com/r/fieldset-tailwind.json"},{"name":"form-tailwind","title":"Form (Tailwind)","description":"A form component for handling user input.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/form-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/form-tailwind.json","copy_url":"https://roiui.com/r/form-tailwind.json"},{"name":"input-tailwind","title":"Input (Tailwind)","description":"An input component for user text entry.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/input-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/input-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/like-button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/like-button-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/kbd-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/kbd-tailwind.json","copy_url":"https://roiui.com/r/kbd-tailwind.json"},{"name":"menubar-tailwind","title":"Menubar (Tailwind)","description":"A horizontal menu bar component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/menubar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/menubar-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/meter-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/meter-tailwind.json","copy_url":"https://roiui.com/r/meter-tailwind.json"},{"name":"navigation-menu-tailwind","title":"Navigation Menu (Tailwind)","description":"A navigation menu component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/navigation-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/navigation-menu-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/otp-field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/otp-field-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/number-field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/number-field-tailwind.json","copy_url":"https://roiui.com/r/number-field-tailwind.json"},{"name":"popover-tailwind","title":"Popover (Tailwind)","description":"A floating content container.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/popover-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/popover-tailwind.json","copy_url":"https://roiui.com/r/popover-tailwind.json"},{"name":"preview-card-tailwind","title":"Preview Card (Tailwind)","description":"A floating preview card component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/preview-card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/preview-card-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/progress-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/progress-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/prop-table-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/prop-table-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/radio-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/radio-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/scroll-area-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/scroll-area-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/select-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/select-tailwind.json","copy_url":"https://roiui.com/r/select-tailwind.json"},{"name":"separator-tailwind","title":"Separator (Tailwind)","description":"A separator element accessible to screen readers.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/separator-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/separator-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/slider-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider-tailwind.json","copy_url":"https://roiui.com/r/slider-tailwind.json"},{"name":"switch-tailwind","title":"Switch (Tailwind)","description":"A toggle switch component.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/switch-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/switch-tailwind.json","copy_url":"https://roiui.com/r/switch-tailwind.json"},{"name":"tabs-tailwind","title":"Tabs (Tailwind)","description":"A set of layered sections of content.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/tabs-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/tabs-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/table-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/table-tailwind.json","copy_url":"https://roiui.com/r/table-tailwind.json"},{"name":"toast-tailwind","title":"Toast (Tailwind)","description":"A succinct message notification.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/toast-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toast-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/toggle-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/toggle-group-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-group-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/tooltip-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/tooltip-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/toolbar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toolbar-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/chart-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/chart-tailwind.json","copy_url":"https://roiui.com/r/chart-tailwind.json"},{"name":"ai-chat-tailwind","title":"AI Chat (Tailwind)","description":"An AI chat input component with mode selector and action buttons.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/ai-chat-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/ai-chat-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/card-progress-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-progress-tailwind.json","copy_url":"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","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)"],"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","copy_url":"https://roiui.com/r/card-image-section-tailwind.json"},{"name":"card-login-tailwind","title":"Card Login (Tailwind)","description":"A login card component with email/password fields and social login options.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-login-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-login-tailwind.json","copy_url":"https://roiui.com/r/card-login-tailwind.json"},{"name":"card-task-tailwind","title":"Card Task (Tailwind)","description":"A task card component with badges, avatars, and action menu.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-task-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-task-tailwind.json","copy_url":"https://roiui.com/r/card-task-tailwind.json"},{"name":"card-traffic-tailwind","title":"Card Traffic (Tailwind)","description":"A website traffic card component with line chart and statistics.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/card-traffic-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-traffic-tailwind.json","copy_url":"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","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)"],"source_url":"https://roiui.com/r/expandable-card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-tailwind.json","copy_url":"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","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)"],"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","copy_url":"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","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)"],"source_url":"https://roiui.com/r/pricing-section-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/pricing-section-tailwind.json","copy_url":"https://roiui.com/r/pricing-section-tailwind.json"},{"name":"kanban-board-tailwind","title":"Kanban Board (Tailwind)","description":"A full-featured kanban board with drag-and-drop functionality.","type":"registry:item","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)"],"source_url":"https://roiui.com/r/kanban-board-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/kanban-board-tailwind.json","copy_url":"https://roiui.com/r/kanban-board-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","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)"],"source_url":"https://roiui.com/r/expandable-card-spread.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-spread.json","copy_url":"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","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)"],"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","copy_url":"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.vercel.app/registry/sabraman","markdown":"https://sh4dcn.vercel.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":"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.vercel.app/registry/satoriui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/dotted-modern.json","install_command":"npx shadcn@latest add https://satoriui.site/r/dotted-modern.json","copy_url":"https://satoriui.site/r/dotted-modern.json"},{"name":"keyboard","title":"Keyboard UI","description":"Sleek, minimalistic & interactive keyboard UI.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/keyboard.json","install_command":"npx shadcn@latest add https://satoriui.site/r/keyboard.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/security-card.json","install_command":"npx shadcn@latest add https://satoriui.site/r/security-card.json","copy_url":"https://satoriui.site/r/security-card.json"},{"name":"scroll-tracker","title":"Scroll Tracker","description":"Track scroll progress with a visual indicator.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/scroll-tracker.json","install_command":"npx shadcn@latest add https://satoriui.site/r/scroll-tracker.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/pro-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/pro-button.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/typewriter-loop.json","install_command":"npx shadcn@latest add https://satoriui.site/r/typewriter-loop.json","copy_url":"https://satoriui.site/r/typewriter-loop.json"},{"name":"cyberpunk-button","title":"Cyberpunk Button","description":"Futuristic, minimalistic button with smooth animations.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/cyberpunk-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/cyberpunk-button.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/flip-clock.json","install_command":"npx shadcn@latest add https://satoriui.site/r/flip-clock.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/encoded-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/encoded-reveal.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/slide-up-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/slide-up-reveal.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/blur-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/blur-reveal.json","copy_url":"https://satoriui.site/r/blur-reveal.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Smooth shimmer animation for premium touch.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/shimmer-text.json","install_command":"npx shadcn@latest add https://satoriui.site/r/shimmer-text.json","copy_url":"https://satoriui.site/r/shimmer-text.json"},{"name":"kinetic-grid","title":"Kinetic Grid","description":"Kinetic grid animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/kinetic-grid.json","install_command":"npx shadcn@latest add https://satoriui.site/r/kinetic-grid.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/beacon-badge.json","install_command":"npx shadcn@latest add https://satoriui.site/r/beacon-badge.json","copy_url":"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","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/pulse-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/pulse-button.json","copy_url":"https://satoriui.site/r/pulse-button.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.vercel.app/registry/scrollxui","markdown":"https://sh4dcn.vercel.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":294,"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","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"],"source_url":"https://www.scrollxui.dev/registry/utils.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/utils.json","copy_url":"https://www.scrollxui.dev/registry/utils.json"},{"name":"accordion","title":"Accordion","description":"A collapsible component for showing and hiding content sections.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/accordion.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/accordion.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/alert-dialog.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/alert-dialog.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/animated-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/animated-tabs.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-tabs.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/animated-testimonials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-testimonials.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/animated-textgenerate.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-textgenerate.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/announcement.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/announcement.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/aspect-ratio.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/aspect-ratio.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/avatar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/avatar.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/avatar-group.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/avatar-group.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/aurora-dots.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/aurora-dots.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/backgroundmeteors.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/backgroundmeteors.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/background-paths.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/background-paths.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/badge.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/badge.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/barswave.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/barswave.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/beams-upstream.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/beams-upstream.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/bento-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/bento-grid.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/bolt-strike.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/bolt-strike.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/border-glide.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/border-glide.json","copy_url":"https://www.scrollxui.dev/registry/border-glide.json"},{"name":"button","title":"Button","description":"Reusable button component with multiple variants and sizes.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/card-flip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card-flip.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/card-tilt.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card-tilt.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/carousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/carousel.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/calendar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/calendar.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/checkbox-pro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/checkbox-pro.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/checklist-cell.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/checklist-cell.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/clock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/clock.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/codeblock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/codeblock.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/collapsible.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/collapsible.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/columnlines.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/columnlines.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/cosmic-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cosmic-background.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/cursor-highlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cursor-highlight.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/cursorimagetrail.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cursorimagetrail.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/decorated-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/decorated-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/dot-wave.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dot-wave.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/draggable-avatar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/draggable-avatar.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/drift-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/drift-card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dropdown-menu.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/dualsparks.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dualsparks.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/electric-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/electric-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/expandable-cards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/expandable-cards.json","copy_url":"https://www.scrollxui.dev/registry/expandable-cards.json"},{"name":"expandable-dock","title":"Expandable Dock","description":"A customizable expandable dock component.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/expandable-dock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/expandable-dock.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/facescape.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/facescape.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/fancy-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/fancy-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/flashy-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flashy-card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/flex-navbar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flex-navbar.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/flipflow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flipflow.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/flipstack.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flipstack.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/flowing-logos.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flowing-logos.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/folder.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/folder.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/folder-tree.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/folder-tree.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/followcursor.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/followcursor.json","copy_url":"https://www.scrollxui.dev/registry/followcursor.json"},{"name":"glass","title":"Glass","description":"glass surface with interactive ripple and dynamic cursor effects.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/glass.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/glass.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/glowingbordercard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/glowingbordercard.json","copy_url":"https://www.scrollxui.dev/registry/glowingbordercard.json"},{"name":"globe","title":"Globe","description":"The Globe component creates beautiful 5kb WebGL Globe.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/globe.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/globe.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/globe-wireframe.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/globe-wireframe.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/gravity.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/gravity.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/heroui.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/heroui.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/hold-toconfirm.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hold-toconfirm.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/hyperlink.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hyperlink.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/infinite-canvas.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/infinite-canvas.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/iphone.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/iphone.json","copy_url":"https://www.scrollxui.dev/registry/iphone.json"},{"name":"input-otp","title":"Input Otp","description":"A flexible Accessible one-time password component","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/input-otp.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/input-otp.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/interactive-input.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/interactive-input.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/kbd.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/kbd.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/keyboard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/keyboard.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/kinetic-testimonials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/kinetic-testimonials.json","copy_url":"https://www.scrollxui.dev/registry/kinetic-testimonials.json"},{"name":"label","title":"Label","description":"Displays an accessible label associated with controls.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/label.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/label.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/lamphome.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lamphome.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/layered-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layered-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/layer-stack.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layer-stack.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/layered-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layered-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/lean-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lean-card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/loader.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/loginform.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/loginform.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/logo-stepper.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/logo-stepper.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/lustretext.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lustretext.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/magicdock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/magicdock.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/media-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/media-card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/meteor-orbit.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/meteor-orbit.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/modern-loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/modern-loader.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/movinglines-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/movinglines-background.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/motioncards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motioncards.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/motion-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motion-grid.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/motion-navbar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motion-navbar.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/morphotextflip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/morphotextflip.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/morphy-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/morphy-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/navbar-flow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/navbar-flow.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/not-found.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/not-found.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/orb-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/orb-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/pagination.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pagination.json","copy_url":"https://www.scrollxui.dev/registry/pagination.json"},{"name":"particles","title":"Particles","description":"Dynamic 3D particle system with customizable properties","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/particles.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/particles.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/parallaxcards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/parallaxcards.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/pixel-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pixel-background.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/pixel-highlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pixel-highlight.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/popover.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/popover.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/profilecard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/profilecard.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/progress.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/progress.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/radialflow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radialflow.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/radio-group.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radio-group.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/radial-socials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radial-socials.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/reel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/reel.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/reveal-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/reveal-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/search-cell.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/search-cell.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/select.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/select.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/sensitive-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/sensitive-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/shiny-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/shiny-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/showcase.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/showcase.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/side-sheet.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/side-sheet.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/signupform.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/signupform.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/slider.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/slider.json","copy_url":"https://www.scrollxui.dev/registry/slider.json"},{"name":"slide-text","title":"Slide Text","description":null,"type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/slide-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/slide-text.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/status.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/status.json","copy_url":"https://www.scrollxui.dev/registry/status.json"},{"name":"statscount","title":"StatsCount","description":"Animated statistics counter with responsive layout and scroll triggers.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/statscount.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/statscount.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/stagger-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stagger-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/stagger-chars.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stagger-chars.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/statscarousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/statscarousel.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/stripe-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stripe-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/striped-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/striped-grid.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/spark-waves.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/spark-waves.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/splitter.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/splitter.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/spotlightcard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/spotlightcard.json","copy_url":"https://www.scrollxui.dev/registry/spotlightcard.json"},{"name":"seperatorpro","title":"Seperator Pro","description":"Separates layout sections with customizable styles and orientations.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/seperatorpro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/seperatorpro.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/scroll-areapro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/scroll-areapro.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/social-orbit.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/social-orbit.json","copy_url":"https://www.scrollxui.dev/registry/social-orbit.json"},{"name":"squonk","title":"Squonk","description":"elastic squircles illustration with fall and shrink movement.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/squonk.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/squonk.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/table.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/table.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/testimonial-carousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/testimonial-carousel.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/text-highlighter.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-highlighter.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/text-modifier.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-modifier.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/text-spotlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-spotlight.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/theme-switch.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/theme-switch.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/thunder-loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/thunder-loader.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/timeline.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/timeline.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/top-sheet.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/top-sheet.json","copy_url":"https://www.scrollxui.dev/registry/top-sheet.json"},{"name":"toast","title":"Toast","description":"A customizable and responsive toast notification system.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/toast.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/toast.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/toggle-vault.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/toggle-vault.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/tooltip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/tooltip.json","copy_url":"https://www.scrollxui.dev/registry/tooltip.json"},{"name":"transition","title":"Transition","description":"Smooth page transitions with curved or slide effects.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/transition.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/transition.json","copy_url":"https://www.scrollxui.dev/registry/transition.json"},{"name":"typeanimation","title":"Type Animation","description":"Displays an animated typing effect.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/typeanimation.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/typeanimation.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/venom-beam.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/venom-beam.json","copy_url":"https://www.scrollxui.dev/registry/venom-beam.json"},{"name":"vercel-card","title":"Vercel Card","description":"A smooth interactive vercel inspired card.","type":"registry:ui","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"],"source_url":"https://www.scrollxui.dev/registry/vercel-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/vercel-card.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/wavy-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/wavy-button.json","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/whitestripes.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/whitestripes.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/login-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/login-minimal.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/pricing-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pricing-minimal.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://www.scrollxui.dev/registry/signup-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/signup-minimal.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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":["recently-updated"],"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.vercel.app/registry/seamui","markdown":"https://sh4dcn.vercel.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":1,"open_issues":30,"last_commit":"2026-07-26T14:00:13Z"},"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/theme.json","install_command":"npx shadcn@latest add https://seamui.dev/r/theme.json","copy_url":"https://seamui.dev/r/theme.json"},{"name":"utils","title":"cn utility","description":null,"type":"registry:lib","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/utils.json","install_command":"npx shadcn@latest add https://seamui.dev/r/utils.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/motion.json","install_command":"npx shadcn@latest add https://seamui.dev/r/motion.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/haptics.json","install_command":"npx shadcn@latest add https://seamui.dev/r/haptics.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/use-copy.json","install_command":"npx shadcn@latest add https://seamui.dev/r/use-copy.json","copy_url":"https://seamui.dev/r/use-copy.json"},{"name":"button","title":"Button","description":"Button built on Base UI with seam depth motion.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toolbar.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox.json","copy_url":"https://seamui.dev/r/combobox.json"},{"name":"input","title":"Input","description":"Text input built on Base UI, Field-aware.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/input.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar.json","copy_url":"https://seamui.dev/r/avatar.json"},{"name":"separator","title":"Separator","description":"Accessible separator built on Base UI.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/separator.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator.json","copy_url":"https://seamui.dev/r/separator.json"},{"name":"switch","title":"Switch","description":"Switch built on Base UI; the thumb springs between states.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/switch.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-group.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/slider.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip.json","copy_url":"https://seamui.dev/r/tooltip.json"},{"name":"popover","title":"Popover","description":"Popover built on Base UI with seam overlay-depth entrance.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/popover.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/select.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs.json","copy_url":"https://seamui.dev/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Accordion built on Base UI with eased height animation.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion.json","copy_url":"https://seamui.dev/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible built on Base UI with eased height animation.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://seamui.dev/r/collapsible.json","copy_url":"https://seamui.dev/r/collapsible.json"},{"name":"progress","title":"Progress","description":"Progress bar built on Base UI with an eased fill.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/progress.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress.json","copy_url":"https://seamui.dev/r/progress.json"},{"name":"meter","title":"Meter","description":"Meter (static measurement) built on Base UI.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/meter.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field.json","copy_url":"https://seamui.dev/r/otp-field.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scrollbar area built on Base UI.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://seamui.dev/r/scroll-area.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toast.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toast.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea.json","copy_url":"https://seamui.dev/r/textarea.json"},{"name":"card","title":"Card","description":"A raised surface key with header, content, and footer sections.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card.json","copy_url":"https://seamui.dev/r/card.json"},{"name":"badge","title":"Badge","description":"Miniature embossed status chip with seam depth variants.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/badge.json","install_command":"npx shadcn@latest add https://seamui.dev/r/badge.json","copy_url":"https://seamui.dev/r/badge.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder well with an opacity-only pulse.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://seamui.dev/r/skeleton.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://seamui.dev/r/empty-state.json","copy_url":"https://seamui.dev/r/empty-state.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with a reduced-motion opacity fallback.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://seamui.dev/r/spinner.json","copy_url":"https://seamui.dev/r/spinner.json"},{"name":"kbd","title":"Kbd","description":"Keyboard shortcut rendered as a tiny embossed keycap.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://seamui.dev/r/kbd.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/message.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/conversation.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/composer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer.json","copy_url":"https://seamui.dev/r/composer.json"},{"name":"response","title":"Response","description":"Streaming-safe markdown renderer that hardens incomplete blocks.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/response.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block.json","copy_url":"https://seamui.dev/r/code-block.json"},{"name":"tool","title":"Tool","description":"Agentic step disclosure — status chip, collapsible result. Includes Reasoning.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tool.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://seamui.dev/r/typing-indicator.json","copy_url":"https://seamui.dev/r/typing-indicator.json"},{"name":"suggestions","title":"Suggestions","description":"Scrollable row of prompt chips with a staggered entrance.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/suggestions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions.json","copy_url":"https://seamui.dev/r/suggestions.json"},{"name":"sources","title":"Sources","description":"Grounded-answer sources list and hoverable inline citations.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sources.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sources.json","copy_url":"https://seamui.dev/r/sources.json"},{"name":"chat-timeline","title":"Chat Timeline","description":"Grouped, timestamped conversation history with sticky day headers.","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/chat-timeline.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/media-toggle.json","install_command":"npx shadcn@latest add https://seamui.dev/r/media-toggle.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-visualizer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-avatar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/device-selector.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/agent-status.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/branch-chip.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-meter.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/model-picker.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/mode-selector.json","install_command":"npx shadcn@latest add https://seamui.dev/r/mode-selector.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dictation-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dictation-card.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/permission-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/permission-card.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/plan-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/plan-card.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/terminal-block.json","install_command":"npx shadcn@latest add https://seamui.dev/r/terminal-block.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checks-panel.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checks-panel.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/connector-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/connector-card.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/session-item.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/workbench-header.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-header.json","copy_url":"https://seamui.dev/r/workbench-header.json"},{"name":"button-demo","title":"Button Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-demo.json","copy_url":"https://seamui.dev/r/button-demo.json"},{"name":"button-variants","title":"Button Variants","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button-variants.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-variants.json","copy_url":"https://seamui.dev/r/button-variants.json"},{"name":"button-sizes","title":"Button Sizes","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-sizes.json","copy_url":"https://seamui.dev/r/button-sizes.json"},{"name":"button-loading","title":"Button Loading","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button-loading.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-loading.json","copy_url":"https://seamui.dev/r/button-loading.json"},{"name":"button-link","title":"Button Link","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/button-link.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-link.json","copy_url":"https://seamui.dev/r/button-link.json"},{"name":"toggle-demo","title":"Toggle Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-demo.json","copy_url":"https://seamui.dev/r/toggle-demo.json"},{"name":"toggle-group-demo","title":"Toggle Group Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-demo.json","copy_url":"https://seamui.dev/r/toggle-group-demo.json"},{"name":"combobox-demo","title":"Combobox Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-demo.json","copy_url":"https://seamui.dev/r/combobox-demo.json"},{"name":"combobox-multiple","title":"Combobox Multiple","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-multiple.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-multiple.json","copy_url":"https://seamui.dev/r/combobox-multiple.json"},{"name":"combobox-clear","title":"Combobox Clear","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-clear.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-clear.json","copy_url":"https://seamui.dev/r/combobox-clear.json"},{"name":"combobox-groups","title":"Combobox Groups","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-groups.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-groups.json","copy_url":"https://seamui.dev/r/combobox-groups.json"},{"name":"combobox-custom","title":"Combobox Custom Items","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-custom.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-custom.json","copy_url":"https://seamui.dev/r/combobox-custom.json"},{"name":"combobox-invalid","title":"Combobox Invalid","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-invalid.json","copy_url":"https://seamui.dev/r/combobox-invalid.json"},{"name":"combobox-disabled","title":"Combobox Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/combobox-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-disabled.json","copy_url":"https://seamui.dev/r/combobox-disabled.json"},{"name":"input-demo","title":"Input Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/input-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-demo.json","copy_url":"https://seamui.dev/r/input-demo.json"},{"name":"avatar-demo","title":"Avatar Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/avatar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-demo.json","copy_url":"https://seamui.dev/r/avatar-demo.json"},{"name":"separator-demo","title":"Separator Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/separator-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator-demo.json","copy_url":"https://seamui.dev/r/separator-demo.json"},{"name":"switch-demo","title":"Switch Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/switch-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-demo.json","copy_url":"https://seamui.dev/r/switch-demo.json"},{"name":"checkbox-demo","title":"Checkbox Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-demo.json","copy_url":"https://seamui.dev/r/checkbox-demo.json"},{"name":"radio-group-demo","title":"Radio Group Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-demo.json","copy_url":"https://seamui.dev/r/radio-group-demo.json"},{"name":"slider-demo","title":"Slider Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/slider-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-demo.json","copy_url":"https://seamui.dev/r/slider-demo.json"},{"name":"tooltip-demo","title":"Tooltip Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-demo.json","copy_url":"https://seamui.dev/r/tooltip-demo.json"},{"name":"popover-demo","title":"Popover Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/popover-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-demo.json","copy_url":"https://seamui.dev/r/popover-demo.json"},{"name":"preview-card-demo","title":"Preview Card Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/preview-card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-demo.json","copy_url":"https://seamui.dev/r/preview-card-demo.json"},{"name":"dialog-demo","title":"Dialog Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dialog-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-demo.json","copy_url":"https://seamui.dev/r/dialog-demo.json"},{"name":"alert-dialog-demo","title":"Alert Dialog Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-demo.json","copy_url":"https://seamui.dev/r/alert-dialog-demo.json"},{"name":"drawer-demo","title":"Drawer Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/drawer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-demo.json","copy_url":"https://seamui.dev/r/drawer-demo.json"},{"name":"dropdown-menu-demo","title":"Dropdown Menu Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-demo.json","copy_url":"https://seamui.dev/r/dropdown-menu-demo.json"},{"name":"select-demo","title":"Select Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/select-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-demo.json","copy_url":"https://seamui.dev/r/select-demo.json"},{"name":"context-menu-demo","title":"Context Menu Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-menu-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-demo.json","copy_url":"https://seamui.dev/r/context-menu-demo.json"},{"name":"tabs-demo","title":"Tabs Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tabs-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-demo.json","copy_url":"https://seamui.dev/r/tabs-demo.json"},{"name":"accordion-demo","title":"Accordion Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/accordion-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-demo.json","copy_url":"https://seamui.dev/r/accordion-demo.json"},{"name":"collapsible-demo","title":"Collapsible Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/collapsible-demo.json","copy_url":"https://seamui.dev/r/collapsible-demo.json"},{"name":"progress-demo","title":"Progress Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/progress-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress-demo.json","copy_url":"https://seamui.dev/r/progress-demo.json"},{"name":"meter-demo","title":"Meter Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/meter-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter-demo.json","copy_url":"https://seamui.dev/r/meter-demo.json"},{"name":"number-field-demo","title":"Number Field Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/number-field-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-demo.json","copy_url":"https://seamui.dev/r/number-field-demo.json"},{"name":"otp-field-demo","title":"OTP Field Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/otp-field-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-demo.json","copy_url":"https://seamui.dev/r/otp-field-demo.json"},{"name":"scroll-area-demo","title":"Scroll Area Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/scroll-area-demo.json","copy_url":"https://seamui.dev/r/scroll-area-demo.json"},{"name":"toast-demo","title":"Toast Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toast-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toast-demo.json","copy_url":"https://seamui.dev/r/toast-demo.json"},{"name":"textarea-demo","title":"Textarea Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/textarea-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-demo.json","copy_url":"https://seamui.dev/r/textarea-demo.json"},{"name":"textarea-disabled","title":"Textarea Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/textarea-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-disabled.json","copy_url":"https://seamui.dev/r/textarea-disabled.json"},{"name":"textarea-with-button","title":"Textarea With Button","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/textarea-with-button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-with-button.json","copy_url":"https://seamui.dev/r/textarea-with-button.json"},{"name":"card-demo","title":"Card Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-demo.json","copy_url":"https://seamui.dev/r/card-demo.json"},{"name":"badge-demo","title":"Badge Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/badge-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/badge-demo.json","copy_url":"https://seamui.dev/r/badge-demo.json"},{"name":"skeleton-demo","title":"Skeleton Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/skeleton-demo.json","copy_url":"https://seamui.dev/r/skeleton-demo.json"},{"name":"spinner-demo","title":"Spinner Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/spinner-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/spinner-demo.json","copy_url":"https://seamui.dev/r/spinner-demo.json"},{"name":"kbd-demo","title":"Kbd Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/kbd-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/kbd-demo.json","copy_url":"https://seamui.dev/r/kbd-demo.json"},{"name":"message-demo","title":"Message Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/message-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-demo.json","copy_url":"https://seamui.dev/r/message-demo.json"},{"name":"message-actions","title":"Message Actions","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/message-actions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-actions.json","copy_url":"https://seamui.dev/r/message-actions.json"},{"name":"message-avatar-fallback","title":"Message Avatar Fallback","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/message-avatar-fallback.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-avatar-fallback.json","copy_url":"https://seamui.dev/r/message-avatar-fallback.json"},{"name":"conversation-demo","title":"Conversation Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/conversation-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation-demo.json","copy_url":"https://seamui.dev/r/conversation-demo.json"},{"name":"conversation-scroll-button","title":"Conversation Scroll Button","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/conversation-scroll-button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation-scroll-button.json","copy_url":"https://seamui.dev/r/conversation-scroll-button.json"},{"name":"composer-demo","title":"Composer Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/composer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-demo.json","copy_url":"https://seamui.dev/r/composer-demo.json"},{"name":"composer-streaming","title":"Composer Streaming","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/composer-streaming.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-streaming.json","copy_url":"https://seamui.dev/r/composer-streaming.json"},{"name":"composer-attachments","title":"Composer Attachments","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/composer-attachments.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-attachments.json","copy_url":"https://seamui.dev/r/composer-attachments.json"},{"name":"response-demo","title":"Response Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/response-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-demo.json","copy_url":"https://seamui.dev/r/response-demo.json"},{"name":"response-streaming","title":"Response Streaming","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/response-streaming.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-streaming.json","copy_url":"https://seamui.dev/r/response-streaming.json"},{"name":"response-code","title":"Response Code","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/response-code.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-code.json","copy_url":"https://seamui.dev/r/response-code.json"},{"name":"chat-demo","title":"Chat Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/chat-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-demo.json","copy_url":"https://seamui.dev/r/chat-demo.json"},{"name":"code-block-demo","title":"Code Block Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/code-block-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block-demo.json","copy_url":"https://seamui.dev/r/code-block-demo.json"},{"name":"code-block-copy","title":"Code Block Copy","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/code-block-copy.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block-copy.json","copy_url":"https://seamui.dev/r/code-block-copy.json"},{"name":"code-block-long-lines","title":"Code Block Long Lines","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/code-block-long-lines.json"},{"name":"tool-demo","title":"Tool Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tool-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool-demo.json","copy_url":"https://seamui.dev/r/tool-demo.json"},{"name":"tool-error","title":"Tool Error","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tool-error.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool-error.json","copy_url":"https://seamui.dev/r/tool-error.json"},{"name":"reasoning-demo","title":"Reasoning Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/reasoning-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/reasoning-demo.json","copy_url":"https://seamui.dev/r/reasoning-demo.json"},{"name":"typing-indicator-demo","title":"Typing Indicator Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/typing-indicator-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/typing-indicator-demo.json","copy_url":"https://seamui.dev/r/typing-indicator-demo.json"},{"name":"typing-indicator-in-message","title":"Typing Indicator In Message","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/typing-indicator-in-message.json"},{"name":"suggestions-demo","title":"Suggestions Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/suggestions-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions-demo.json","copy_url":"https://seamui.dev/r/suggestions-demo.json"},{"name":"suggestions-with-composer","title":"Suggestions With Composer","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/suggestions-with-composer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions-with-composer.json","copy_url":"https://seamui.dev/r/suggestions-with-composer.json"},{"name":"sources-demo","title":"Sources Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sources-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sources-demo.json","copy_url":"https://seamui.dev/r/sources-demo.json"},{"name":"inline-citation-demo","title":"Inline Citation Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/inline-citation-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/inline-citation-demo.json","copy_url":"https://seamui.dev/r/inline-citation-demo.json"},{"name":"chat-timeline-demo","title":"Chat Timeline Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/chat-timeline-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline-demo.json","copy_url":"https://seamui.dev/r/chat-timeline-demo.json"},{"name":"chat-timeline-unread","title":"Chat Timeline Unread","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/chat-timeline-unread.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline-unread.json","copy_url":"https://seamui.dev/r/chat-timeline-unread.json"},{"name":"toggle-with-text","title":"Toggle With Text","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-with-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-with-text.json","copy_url":"https://seamui.dev/r/toggle-with-text.json"},{"name":"toggle-outline","title":"Toggle Outline","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-outline.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-outline.json","copy_url":"https://seamui.dev/r/toggle-outline.json"},{"name":"toggle-sizes","title":"Toggle Sizes","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-sizes.json","copy_url":"https://seamui.dev/r/toggle-sizes.json"},{"name":"toggle-disabled","title":"Toggle Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-disabled.json","copy_url":"https://seamui.dev/r/toggle-disabled.json"},{"name":"toggle-group-text","title":"Toggle Group Text","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-group-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-text.json","copy_url":"https://seamui.dev/r/toggle-group-text.json"},{"name":"toggle-group-disabled","title":"Toggle Group Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/toggle-group-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-disabled.json","copy_url":"https://seamui.dev/r/toggle-group-disabled.json"},{"name":"input-disabled","title":"Input Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/input-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-disabled.json","copy_url":"https://seamui.dev/r/input-disabled.json"},{"name":"input-invalid","title":"Input Invalid","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/input-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-invalid.json","copy_url":"https://seamui.dev/r/input-invalid.json"},{"name":"input-file","title":"Input File","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/input-file.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-file.json","copy_url":"https://seamui.dev/r/input-file.json"},{"name":"switch-disabled","title":"Switch Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/switch-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-disabled.json","copy_url":"https://seamui.dev/r/switch-disabled.json"},{"name":"switch-settings","title":"Switch Settings","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/switch-settings.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-settings.json","copy_url":"https://seamui.dev/r/switch-settings.json"},{"name":"checkbox-indeterminate","title":"Checkbox Indeterminate","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox-indeterminate.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-indeterminate.json","copy_url":"https://seamui.dev/r/checkbox-indeterminate.json"},{"name":"checkbox-disabled","title":"Checkbox Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-disabled.json","copy_url":"https://seamui.dev/r/checkbox-disabled.json"},{"name":"checkbox-with-text","title":"Checkbox With Text","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/checkbox-with-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-with-text.json","copy_url":"https://seamui.dev/r/checkbox-with-text.json"},{"name":"radio-group-disabled","title":"Radio Group Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/radio-group-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-disabled.json","copy_url":"https://seamui.dev/r/radio-group-disabled.json"},{"name":"radio-group-descriptions","title":"Radio Group Descriptions","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/radio-group-descriptions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-descriptions.json","copy_url":"https://seamui.dev/r/radio-group-descriptions.json"},{"name":"slider-steps","title":"Slider Steps","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/slider-steps.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-steps.json","copy_url":"https://seamui.dev/r/slider-steps.json"},{"name":"slider-disabled","title":"Slider Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/slider-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-disabled.json","copy_url":"https://seamui.dev/r/slider-disabled.json"},{"name":"select-groups","title":"Select Groups","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/select-groups.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-groups.json","copy_url":"https://seamui.dev/r/select-groups.json"},{"name":"select-disabled","title":"Select Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/select-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-disabled.json","copy_url":"https://seamui.dev/r/select-disabled.json"},{"name":"number-field-format","title":"Number Field Format","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/number-field-format.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-format.json","copy_url":"https://seamui.dev/r/number-field-format.json"},{"name":"number-field-disabled","title":"Number Field Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/number-field-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-disabled.json","copy_url":"https://seamui.dev/r/number-field-disabled.json"},{"name":"otp-field-four","title":"OTP Field Four","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/otp-field-four.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-four.json","copy_url":"https://seamui.dev/r/otp-field-four.json"},{"name":"otp-field-disabled","title":"OTP Field Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/otp-field-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-disabled.json","copy_url":"https://seamui.dev/r/otp-field-disabled.json"},{"name":"avatar-sizes","title":"Avatar Sizes","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/avatar-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-sizes.json","copy_url":"https://seamui.dev/r/avatar-sizes.json"},{"name":"avatar-group","title":"Avatar Group","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-group.json","copy_url":"https://seamui.dev/r/avatar-group.json"},{"name":"tabs-small","title":"Tabs Small","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tabs-small.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-small.json","copy_url":"https://seamui.dev/r/tabs-small.json"},{"name":"tabs-icons","title":"Tabs Icons","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tabs-icons.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-icons.json","copy_url":"https://seamui.dev/r/tabs-icons.json"},{"name":"accordion-single","title":"Accordion Single","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/accordion-single.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-single.json","copy_url":"https://seamui.dev/r/accordion-single.json"},{"name":"accordion-disabled","title":"Accordion Disabled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/accordion-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-disabled.json","copy_url":"https://seamui.dev/r/accordion-disabled.json"},{"name":"separator-label","title":"Separator Label","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/separator-label.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator-label.json","copy_url":"https://seamui.dev/r/separator-label.json"},{"name":"card-stats","title":"Card Stats","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/card-stats.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-stats.json","copy_url":"https://seamui.dev/r/card-stats.json"},{"name":"card-notification","title":"Card Notification","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/card-notification.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-notification.json","copy_url":"https://seamui.dev/r/card-notification.json"},{"name":"progress-labeled","title":"Progress Labeled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/progress-labeled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress-labeled.json","copy_url":"https://seamui.dev/r/progress-labeled.json"},{"name":"meter-levels","title":"Meter Levels","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/meter-levels.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter-levels.json","copy_url":"https://seamui.dev/r/meter-levels.json"},{"name":"dropdown-menu-checkboxes","title":"Dropdown Menu Checkboxes","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-checkboxes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-checkboxes.json","copy_url":"https://seamui.dev/r/dropdown-menu-checkboxes.json"},{"name":"dropdown-menu-radio","title":"Dropdown Menu Radio","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-radio.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-radio.json","copy_url":"https://seamui.dev/r/dropdown-menu-radio.json"},{"name":"dropdown-menu-submenu","title":"Dropdown Menu Submenu","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-submenu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-submenu.json","copy_url":"https://seamui.dev/r/dropdown-menu-submenu.json"},{"name":"dropdown-menu-nested","title":"Dropdown Menu Nested","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-nested.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-nested.json","copy_url":"https://seamui.dev/r/dropdown-menu-nested.json"},{"name":"dropdown-menu-shortcuts","title":"Dropdown Menu Shortcuts","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dropdown-menu-shortcuts.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-shortcuts.json","copy_url":"https://seamui.dev/r/dropdown-menu-shortcuts.json"},{"name":"media-toggle-demo","title":"Media Toggle Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/media-toggle-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/media-toggle-demo.json","copy_url":"https://seamui.dev/r/media-toggle-demo.json"},{"name":"media-toggle-custom-icons","title":"Media Toggle Custom Icons","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/media-toggle-custom-icons.json"},{"name":"voice-visualizer-demo","title":"Voice Visualizer Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-visualizer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-demo.json","copy_url":"https://seamui.dev/r/voice-visualizer-demo.json"},{"name":"voice-visualizer-caption","title":"Voice Visualizer Caption","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-visualizer-caption.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-caption.json","copy_url":"https://seamui.dev/r/voice-visualizer-caption.json"},{"name":"voice-visualizer-bars","title":"Voice Visualizer Bars","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-visualizer-bars.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-bars.json","copy_url":"https://seamui.dev/r/voice-visualizer-bars.json"},{"name":"voice-visualizer-mic","title":"Voice Visualizer Mic","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-visualizer-mic.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-mic.json","copy_url":"https://seamui.dev/r/voice-visualizer-mic.json"},{"name":"voice-avatar-demo","title":"Voice Avatar Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-avatar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-demo.json","copy_url":"https://seamui.dev/r/voice-avatar-demo.json"},{"name":"voice-avatar-group","title":"Voice Avatar Group","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-avatar-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-group.json","copy_url":"https://seamui.dev/r/voice-avatar-group.json"},{"name":"voice-avatar-fallback","title":"Voice Avatar Fallback","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-avatar-fallback.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-fallback.json","copy_url":"https://seamui.dev/r/voice-avatar-fallback.json"},{"name":"device-selector-demo","title":"Device Selector Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/device-selector-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-demo.json","copy_url":"https://seamui.dev/r/device-selector-demo.json"},{"name":"device-selector-split","title":"Device Selector Split","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/device-selector-split.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-split.json","copy_url":"https://seamui.dev/r/device-selector-split.json"},{"name":"device-selector-live","title":"Device Selector Live","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/device-selector-live.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-live.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-control-bar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-control-bar.json","copy_url":"https://seamui.dev/r/voice-control-bar.json"},{"name":"voice-control-bar-demo","title":"Voice Control Bar Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/voice-control-bar-demo.json"},{"name":"voice-control-bar-expand","title":"Voice Control Bar Expand","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/voice-control-bar-expand.json"},{"name":"voice-widget-demo","title":"Voice Widget Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/voice-widget-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-widget-demo.json","copy_url":"https://seamui.dev/r/voice-widget-demo.json"},{"name":"dialog-form","title":"Dialog Form","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dialog-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-form.json","copy_url":"https://seamui.dev/r/dialog-form.json"},{"name":"dialog-scroll","title":"Dialog Scroll","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dialog-scroll.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-scroll.json","copy_url":"https://seamui.dev/r/dialog-scroll.json"},{"name":"alert-dialog-discard","title":"Alert Dialog Discard","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/alert-dialog-discard.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-discard.json","copy_url":"https://seamui.dev/r/alert-dialog-discard.json"},{"name":"alert-dialog-signout","title":"Alert Dialog Signout","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/alert-dialog-signout.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-signout.json","copy_url":"https://seamui.dev/r/alert-dialog-signout.json"},{"name":"drawer-menu","title":"Drawer Menu","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/drawer-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-menu.json","copy_url":"https://seamui.dev/r/drawer-menu.json"},{"name":"drawer-form","title":"Drawer Form","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/drawer-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-form.json","copy_url":"https://seamui.dev/r/drawer-form.json"},{"name":"popover-form","title":"Popover Form","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/popover-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-form.json","copy_url":"https://seamui.dev/r/popover-form.json"},{"name":"popover-align","title":"Popover Align","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/popover-align.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-align.json","copy_url":"https://seamui.dev/r/popover-align.json"},{"name":"tooltip-icon","title":"Tooltip Icon","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tooltip-icon.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-icon.json","copy_url":"https://seamui.dev/r/tooltip-icon.json"},{"name":"tooltip-shortcut","title":"Tooltip Shortcut","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/tooltip-shortcut.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-shortcut.json","copy_url":"https://seamui.dev/r/tooltip-shortcut.json"},{"name":"context-menu-labelled","title":"Context Menu Labelled","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-menu-labelled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-labelled.json","copy_url":"https://seamui.dev/r/context-menu-labelled.json"},{"name":"context-menu-destructive","title":"Context Menu Destructive","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-menu-destructive.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-destructive.json","copy_url":"https://seamui.dev/r/context-menu-destructive.json"},{"name":"preview-card-user","title":"Preview Card User","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/preview-card-user.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-user.json","copy_url":"https://seamui.dev/r/preview-card-user.json"},{"name":"preview-card-image","title":"Preview Card Image","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/preview-card-image.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-image.json","copy_url":"https://seamui.dev/r/preview-card-image.json"},{"name":"otp-field-invalid","title":"OTP Field Invalid","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/otp-field-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-invalid.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/table.json","install_command":"npx shadcn@latest add https://seamui.dev/r/table.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/data-table.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table.json","copy_url":"https://seamui.dev/r/data-table.json"},{"name":"table-demo","title":"Table Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/table-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/table-demo.json","copy_url":"https://seamui.dev/r/table-demo.json"},{"name":"data-table-demo","title":"Data Table Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/data-table-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-demo.json","copy_url":"https://seamui.dev/r/data-table-demo.json"},{"name":"data-table-sorting","title":"Data Table Sorting","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/data-table-sorting.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-sorting.json","copy_url":"https://seamui.dev/r/data-table-sorting.json"},{"name":"data-table-pagination","title":"Data Table Pagination","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/data-table-pagination.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-pagination.json","copy_url":"https://seamui.dev/r/data-table-pagination.json"},{"name":"data-table-editable","title":"Data Table Editable","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/data-table-editable.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-editable.json","copy_url":"https://seamui.dev/r/data-table-editable.json"},{"name":"agent-status-demo","title":"Agent Status Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/agent-status-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-demo.json","copy_url":"https://seamui.dev/r/agent-status-demo.json"},{"name":"agent-status-dots","title":"Agent Status Dots","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/agent-status-dots.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-dots.json","copy_url":"https://seamui.dev/r/agent-status-dots.json"},{"name":"agent-status-live","title":"Agent Status Live","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/agent-status-live.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-live.json","copy_url":"https://seamui.dev/r/agent-status-live.json"},{"name":"branch-chip-demo","title":"Branch Chip Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/branch-chip-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-demo.json","copy_url":"https://seamui.dev/r/branch-chip-demo.json"},{"name":"branch-chip-sync","title":"Branch Chip Sync","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/branch-chip-sync.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-sync.json","copy_url":"https://seamui.dev/r/branch-chip-sync.json"},{"name":"branch-chip-pr","title":"Branch Chip PR","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/branch-chip-pr.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-pr.json","copy_url":"https://seamui.dev/r/branch-chip-pr.json"},{"name":"context-meter-demo","title":"Context Meter Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-meter-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-demo.json","copy_url":"https://seamui.dev/r/context-meter-demo.json"},{"name":"context-meter-sizes","title":"Context Meter Sizes","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-meter-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-sizes.json","copy_url":"https://seamui.dev/r/context-meter-sizes.json"},{"name":"context-meter-critical","title":"Context Meter Critical","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/context-meter-critical.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-critical.json","copy_url":"https://seamui.dev/r/context-meter-critical.json"},{"name":"sidebar-demo","title":"Sidebar Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sidebar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-demo.json","copy_url":"https://seamui.dev/r/sidebar-demo.json"},{"name":"sidebar-sessions","title":"Sidebar Sessions","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sidebar-sessions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-sessions.json","copy_url":"https://seamui.dev/r/sidebar-sessions.json"},{"name":"sidebar-collapse","title":"Sidebar Collapse","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/sidebar-collapse.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-collapse.json","copy_url":"https://seamui.dev/r/sidebar-collapse.json"},{"name":"session-item-demo","title":"Session Item Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/session-item-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item-demo.json","copy_url":"https://seamui.dev/r/session-item-demo.json"},{"name":"session-item-hover-card","title":"Session Item Hover Card","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"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","copy_url":"https://seamui.dev/r/session-item-hover-card.json"},{"name":"session-item-unread","title":"Session Item Unread","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/session-item-unread.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item-unread.json","copy_url":"https://seamui.dev/r/session-item-unread.json"},{"name":"workbench-header-demo","title":"Workbench Header Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/workbench-header-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-header-demo.json","copy_url":"https://seamui.dev/r/workbench-header-demo.json"},{"name":"workbench-shell","title":"Workbench Shell","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/workbench-shell.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-shell.json","copy_url":"https://seamui.dev/r/workbench-shell.json"},{"name":"command-palette-demo","title":"Command Palette Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette-demo.json","copy_url":"https://seamui.dev/r/command-palette-demo.json"},{"name":"command-palette-flat","title":"Command Palette Flat","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/command-palette-flat.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette-flat.json","copy_url":"https://seamui.dev/r/command-palette-flat.json"},{"name":"model-picker-demo","title":"Model Picker Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/model-picker-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-demo.json","copy_url":"https://seamui.dev/r/model-picker-demo.json"},{"name":"model-picker-connection","title":"Model Picker Connection","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/model-picker-connection.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-connection.json","copy_url":"https://seamui.dev/r/model-picker-connection.json"},{"name":"model-picker-footer","title":"Model Picker Footer","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/model-picker-footer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-footer.json","copy_url":"https://seamui.dev/r/model-picker-footer.json"},{"name":"mode-selector-demo","title":"Mode Selector Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/mode-selector-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/mode-selector-demo.json","copy_url":"https://seamui.dev/r/mode-selector-demo.json"},{"name":"mode-selector-permission","title":"Mode Selector Permission","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/mode-selector-permission.json","install_command":"npx shadcn@latest add https://seamui.dev/r/mode-selector-permission.json","copy_url":"https://seamui.dev/r/mode-selector-permission.json"},{"name":"dictation-card-demo","title":"Dictation Card Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dictation-card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dictation-card-demo.json","copy_url":"https://seamui.dev/r/dictation-card-demo.json"},{"name":"dictation-card-review","title":"Dictation Card Review","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/dictation-card-review.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dictation-card-review.json","copy_url":"https://seamui.dev/r/dictation-card-review.json"},{"name":"permission-card-demo","title":"Permission Card Demo","description":null,"type":"registry:example","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"source_url":"https://seamui.dev/r/permission-card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/permission-card-demo.json","copy_url":"https://seamui.dev/r/permission-card-demo.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":null,"tags":["accessibility","audio","blocks","cards","components","developer-tools","editor","forms","mobile","navigation","pro-available"],"categories":["Editor (rich text/code)"],"labels":["featured","popular","pro"],"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.vercel.app/registry/shadcn-editor","markdown":"https://sh4dcn.vercel.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":1355,"open_issues":1,"last_commit":"2026-06-05T15:38:07Z"},"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 with plugins, nodes, extensions, and toolbar support.","type":"registry:block","tags":["accessibility","audio","blocks","cards","components","developer-tools","editor","forms","mobile","navigation","pro-available"],"categories":["Editor (rich text/code)"],"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","copy_url":"https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/editor-x.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":[],"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.vercel.app/registry/shadcn-map","markdown":"https://sh4dcn.vercel.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%20and%20React%20Leaflet.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":328,"open_issues":1,"last_commit":"2026-05-20T03:03:54Z"},"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":32,"components":[{"name":"map","title":"Map","description":"A map component.","type":"registry:ui","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map.json","copy_url":"http://shadcn-map.vercel.app/r/map.json"},{"name":"basic-map","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/basic-map.json"},{"name":"map-with-custom-tiles","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-custom-tiles.json"},{"name":"map-with-markers","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-markers.json"},{"name":"map-with-marker-cluster-group","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-custom-markers.json"},{"name":"map-with-circle","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-circle.json"},{"name":"map-with-circle-marker","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-circle-marker.json"},{"name":"map-with-polyline","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-polyline.json"},{"name":"map-with-polygon","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-polygon.json"},{"name":"map-with-rectangle","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-rectangle.json"},{"name":"map-with-styled-shapes","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-styled-shapes.json"},{"name":"map-with-popups-and-tooltips","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-popups-and-tooltips.json"},{"name":"map-with-zoom-control","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-zoom-control.json"},{"name":"map-with-layers-control","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-layers-control.json"},{"name":"map-with-tile-layers-control","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-feature-groups-control.json"},{"name":"map-with-locate-control","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-locate-control.json"},{"name":"map-with-locate-control-callbacks","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-draw-control.json"},{"name":"map-with-draw-control-callback","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"http://shadcn-map.vercel.app/r/map-with-custom-control-container.json"},{"name":"map-with-fullscreen-control","title":null,"description":null,"type":"registry:example","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"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","copy_url":"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.vercel.app/registry/shadcn-space","markdown":"https://sh4dcn.vercel.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":635,"open_issues":1,"last_commit":"2026-06-30T06:19:11Z"},"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-15.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-16.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-17.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-18.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-19.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-20.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-21.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-21.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-22.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-22.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-23.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-23.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-24.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-24.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-25.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-25.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-26.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-26.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-27.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-27.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-28.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-28.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-29.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-29.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-30.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-30.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-31.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-31.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-32.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-32.json","copy_url":"https://shadcnspace.com/r/hero-32.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-04.json","copy_url":"https://shadcnspace.com/r/integration-04.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-15.json","copy_url":"https://shadcnspace.com/r/pricing-15.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-14.json","copy_url":"https://shadcnspace.com/r/testimonial-14.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-15.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-16.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-17.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-18.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-19.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-20.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-21.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-21.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-22.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-22.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-23.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-23.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/feature-24.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-24.json","copy_url":"https://shadcnspace.com/r/feature-24.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnspace.com/r/about-us-section-13.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/team-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/team-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/team-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/team-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/team-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-05.json","copy_url":"https://shadcnspace.com/r/team-05.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/navbar-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-11.json","copy_url":"https://shadcnspace.com/r/navbar-11.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-15.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-16.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/widget-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-17.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-15.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-16.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/chart-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-17.json","copy_url":"https://shadcnspace.com/r/chart-17.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-12.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-13.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-14.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-15.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-16.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-17.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/statistics-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-18.json","copy_url":"https://shadcnspace.com/r/statistics-18.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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-05.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-06.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-07.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-08.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-09.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-10.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/table-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-11.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-01.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-02.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-03.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-04.json","copy_url":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-05.json","copy_url":"https://shadcnspace.com/r/sidebar-05.json"},{"name":"sidebar-06","title":"Sidebar 06 - Card Layout Admin Dashboard Sidebar","description":"A responsive admin sidebar paired with a modern card-based dashboard layout. Features grouped navigation, icons, and collapsible menus, making it ideal for Saa…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-06.json","copy_url":"https://shadcnspace.com/r/sidebar-06.json"},{"name":"sidebar-07","title":"Sidebar 07 - Animated Mega-Menu Console Sidebar","description":"A premium animated sidebar built with Framer Motion, featuring a clean brand logo header, search bar, icon-only collapsed state, and a full-width console-style…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-07.json","copy_url":"https://shadcnspace.com/r/sidebar-07.json"},{"name":"sidebar-08","title":"Sidebar 08 - Mail Workspace Sidebar","description":"A modern workspace sidebar with a compact icon rail, searchable inbox, and secondary action panel. The structured layout keeps navigation organized while givin…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-08.json","copy_url":"https://shadcnspace.com/r/sidebar-08.json"},{"name":"sidebar-09","title":"Sidebar 09 - Productivity Workspace Sidebar","description":"A workspace-first sidebar featuring AI assistance, organized navigation, project groups, and task management. Ideal for productivity tools and collaborative da…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/sidebar-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-09.json","copy_url":"https://shadcnspace.com/r/sidebar-09.json"},{"name":"topbar-01","title":"Topbar 01 - Simple Navigation Topbar","description":"Clean navigation topbar with brand logo, navigation menu, notifications, language switcher, and user profile. Ideal for admin panels, SaaS platforms, internal …","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-01.json","copy_url":"https://shadcnspace.com/r/topbar-01.json"},{"name":"topbar-02","title":"Topbar 02 - Navigation Mega Menu Topbar","description":"Multi level topbar with categorized navigation, quick access links, notifications, and user profile in a clean horizontal layout. Ideal for documentation sites…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-02.json","copy_url":"https://shadcnspace.com/r/topbar-02.json"},{"name":"topbar-03","title":"Topbar 03 - Login Action Topbar","description":"Navigation topbar with primary links, login action, notifications, and user profile for quick access. Ideal for SaaS products, documentation portals, developer…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-03.json","copy_url":"https://shadcnspace.com/r/topbar-03.json"},{"name":"topbar-04","title":"Topbar 04 - Centered Navigation Topbar","description":"Centered navigation topbar with brand logo, quick access links, notifications, and profile actions. Ideal for SaaS products, documentation websites, and modern…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-04.json","copy_url":"https://shadcnspace.com/r/topbar-04.json"},{"name":"topbar-05","title":"Topbar 05 - Sidebar Integrated Topbar","description":"Topbar paired with a collapsible sidebar, combining primary navigation, quick actions, notifications, and user controls in a unified workspace layout.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-05.json","copy_url":"https://shadcnspace.com/r/topbar-05.json"},{"name":"topbar-06","title":"Topbar 06 - Search Focused Topbar","description":"Clean topbar with a prominent search bar, sidebar toggle, notifications, and profile actions for faster navigation and content discovery.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/topbar-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/topbar-06.json","copy_url":"https://shadcnspace.com/r/topbar-06.json"},{"name":"cta-01","title":"CTA 01 - Gradient Call-to-Action Banner","description":"A minimal full width CTA section with soft gradient background, persuasive headline, and primary action button, perfect for converting visitors into leads at t…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-01.json","copy_url":"https://shadcnspace.com/r/cta-01.json"},{"name":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-02.json","copy_url":"https://shadcnspace.com/r/cta-02.json"},{"name":"cta-03","title":"CTA 03 - Conversion CTA","description":"A high-impact call-to-action section designed to drive engagement with compelling messaging, supportive visuals, and a clear primary button—encouraging users t…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-03.json","copy_url":"https://shadcnspace.com/r/cta-03.json"},{"name":"cta-04","title":"CTA 04 - Start Trial CTA","description":"A conversion-focused CTA section featuring trust signals, key benefits, and a prominent trial button—crafted to reduce friction, build confidence, and motivate…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-04.json","copy_url":"https://shadcnspace.com/r/cta-04.json"},{"name":"cta-05","title":"CTA 05 - Minimal CTA Section","description":"A sleek, minimal call-to-action section featuring bold typography and a single conversion button—perfect for capturing attention quickly and guiding users towa…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-05.json","copy_url":"https://shadcnspace.com/r/cta-05.json"},{"name":"cta-06","title":"CTA 06 - Modern CTA Section","description":"A clean CTA section combining strong headline messaging with a focused action button—designed to drive engagement and platform adoption.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-06.json","copy_url":"https://shadcnspace.com/r/cta-06.json"},{"name":"cta-07","title":"CTA 07 - Centered CTA Banner","description":"A centered call-to-action layout with bold headline, short supporting text, and single primary button—designed to drive quick decisions and conversions.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-07.json","copy_url":"https://shadcnspace.com/r/cta-07.json"},{"name":"cta-08","title":"CTA 08 - Growth Focus CTA Section","description":"A visually rich CTA section with background imagery, bold headline, trust highlights, and dual buttons—designed to inspire growth and drive user action.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-08.json","copy_url":"https://shadcnspace.com/r/cta-08.json"},{"name":"cta-09","title":"CTA 09 - Service Preview CTA","description":"A modern call-to-action layout with strong headline, actionable buttons, and real-world service previews—designed to inspire confidence and drive booking decis…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-09.json","copy_url":"https://shadcnspace.com/r/cta-09.json"},{"name":"cta-10","title":"CTA 10 - SaaS Conversion CTA","description":"A structured CTA section with interface preview, concise messaging, and strong call-to-action—crafted to boost conversions and highlight real product value ins…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-10.json","copy_url":"https://shadcnspace.com/r/cta-10.json"},{"name":"cta-11","title":"CTA 11 - Choice-Based CTA","description":"A modern CTA layout offering two distinct choices with supporting content and actions—crafted to help users choose their preferred learning experience","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-11.json","copy_url":"https://shadcnspace.com/r/cta-11.json"},{"name":"cta-12","title":"CTA 12 - Gallery Style CTA","description":"A conversion-focused CTA with centered messaging and layered visual gallery—crafted to showcase possibilities and drive users toward taking the next step.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-12.json","copy_url":"https://shadcnspace.com/r/cta-12.json"},{"name":"cta-13","title":"CTA 13 - Social Proof CTA","description":"A conversion-focused CTA combining headline clarity, user avatars, and adoption metrics designed to validate product demand and drive user engagement","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-13.json","copy_url":"https://shadcnspace.com/r/cta-13.json"},{"name":"cta-14","title":"CTA 14 - Card-Based CTA Section","description":"A card layout with clear CTAs for each resource type designed to drive user interaction and help users take the next step without confusion","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-14.json","copy_url":"https://shadcnspace.com/r/cta-14.json"},{"name":"cta-15","title":"CTA 15 - Side-by-Side CTA Cards","description":"A minimal dual-card layout with strong headings and clear actions designed to reduce distractions and help users quickly choose their next step","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/cta-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/cta-15.json","copy_url":"https://shadcnspace.com/r/cta-15.json"},{"name":"portfolio-01","title":"Portfolio 01 - Clean Portfolio Grid","description":"A modern portfolio section displaying featured projects with tags, visuals, and categories, ideal for agencies or freelancers to showcase real-world transforma…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-01.json","copy_url":"https://shadcnspace.com/r/portfolio-01.json"},{"name":"portfolio-02","title":"Portfolio 02 - Featured Project Portfolio","description":"A clean portfolio section designed to highlight standout projects with strong visuals and concise details, helping teams showcase expertise, demonstrate capabi…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-02.json","copy_url":"https://shadcnspace.com/r/portfolio-02.json"},{"name":"portfolio-03","title":"Portfolio 03 - Project Gallery","description":"A structured portfolio grid that showcases multiple projects with clear visuals and labels, enabling teams to present diverse work, highlight specialization, a…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-03.json","copy_url":"https://shadcnspace.com/r/portfolio-03.json"},{"name":"portfolio-04","title":"Portfolio 04 - Product / Portfolio Showcase","description":"A dynamic portfolio layout crafted to highlight real-world products with immersive visuals and context, helping teams demonstrate practical impact, innovation,…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-04.json","copy_url":"https://shadcnspace.com/r/portfolio-04.json"},{"name":"portfolio-05","title":"Portfolio 05 - Property Listings","description":"A modern property grid designed to showcase real estate listings with high-quality visuals, key details, and pricing—helping platforms present options clearly …","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-05.json","copy_url":"https://shadcnspace.com/r/portfolio-05.json"},{"name":"portfolio-06","title":"Portfolio 06 - Portfolio Carousel Section","description":"A clean carousel layout combining side content with sliding visuals, helping teams present product experiences, usability, and real-world applications in an en…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-06.json","copy_url":"https://shadcnspace.com/r/portfolio-06.json"},{"name":"portfolio-07","title":"Portfolio 07 - Real Estate Portfolio Section","description":"A modern real estate showcase highlighting residential and commercial properties through immersive visuals and key details, helping platforms drive buyer inter…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-07.json","copy_url":"https://shadcnspace.com/r/portfolio-07.json"},{"name":"portfolio-08","title":"Portfolio 08 - Stacked Portfolio Section","description":"A vertically stacked portfolio layout showcasing multiple product categories with supporting visuals and content, enabling teams to present cross-platform capa…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/portfolio-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/portfolio-08.json","copy_url":"https://shadcnspace.com/r/portfolio-08.json"},{"name":"services-01","title":"Services 01 - Creative Services Overview","description":"A colorful services section with icon cards and dual CTAs, perfect for agencies to present core offerings, guide visitors to portfolios, and drive collaboratio…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-01.json","copy_url":"https://shadcnspace.com/r/services-01.json"},{"name":"services-02","title":"Services 02 - Dark Services Animated Block","description":"A premium dark mode services section with interactive list, visual preview, and detailed descriptions, ideal for creative agencies to showcase capabilities whi…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-02.json","copy_url":"https://shadcnspace.com/r/services-02.json"},{"name":"services-03","title":"Services 03 - Service Showcase","description":"A modern services section structured to present offerings with clarity, combining visuals and concise descriptions to help businesses communicate expertise and…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-03.json","copy_url":"https://shadcnspace.com/r/services-03.json"},{"name":"services-04","title":"Services 04 - Cleaner Service Slider","description":"A visually engaging service slider designed to showcase offerings with strong imagery and quick navigation, helping businesses highlight key services while imp…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-04.json","copy_url":"https://shadcnspace.com/r/services-04.json"},{"name":"services-05","title":"Services 05 - Health Care Services Grid","description":"A clean healthcare services grid designed to present specialized treatments with supportive visuals and clear descriptions, enabling providers to communicate e…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-05.json","copy_url":"https://shadcnspace.com/r/services-05.json"},{"name":"services-06","title":"Services 06 - Financial Services","description":"A professional services section tailored for financial firms, combining structured content, category navigation, and detailed offerings to help businesses pres…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-06.json","copy_url":"https://shadcnspace.com/r/services-06.json"},{"name":"services-07","title":"Services 07 - Construction Services Showcase","description":"A structured services section combining strong imagery and clear categories, helping businesses showcase expertise, highlight key offerings, and guide users th…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-07.json","copy_url":"https://shadcnspace.com/r/services-07.json"},{"name":"services-08","title":"Services 08 - Modern Services Section","description":"A premium strategic services section with clean icon cards and structured content, helping agencies present offerings clearly and guide users toward engagement.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-08.json","copy_url":"https://shadcnspace.com/r/services-08.json"},{"name":"services-09","title":"Services 09 - Solution-Based Services","description":"A clean and modern services showcase designed to present business solutions with clarity, helping users explore offerings and understand capabilities with ease.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-09.json","copy_url":"https://shadcnspace.com/r/services-09.json"},{"name":"services-10","title":"Services 10 - Business Services Solutions Section","description":"A modern services showcase with featured content, visual previews, and learn more actions, designed to simplify workflows, highlight offerings, and improve tea…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/services-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/services-10.json","copy_url":"https://shadcnspace.com/r/services-10.json"},{"name":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/contact-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/contact-01.json","copy_url":"https://shadcnspace.com/r/contact-01.json"},{"name":"contact-02","title":"Contact 02 - Contact Me Form","description":"A clean contact section featuring an intuitive form with direct contact details and social links, designed to simplify communication and help visitors reach ou…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/contact-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/contact-02.json","copy_url":"https://shadcnspace.com/r/contact-02.json"},{"name":"contact-03","title":"Contact 03 - Contact & Lead Form","description":"A conversion-focused contact section combining persuasive highlights with a streamlined form, designed to capture qualified leads, encourage inquiries, and mak…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/contact-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/contact-03.json","copy_url":"https://shadcnspace.com/r/contact-03.json"},{"name":"contact-04","title":"Contact 04 - Inquiry Form & Location","description":"A comprehensive contact section combining location details with a structured inquiry form, helping businesses build local trust, capture project requests, and …","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/contact-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/contact-04.json","copy_url":"https://shadcnspace.com/r/contact-04.json"},{"name":"faq-01","title":"FAQ 01 - Expandable FAQ Section","description":"A clean accordion style FAQ section with expandable answers, ideal for agencies or SaaS sites to address common questions, reduce friction, and improve user co…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-01.json","copy_url":"https://shadcnspace.com/r/faq-01.json"},{"name":"faq-02","title":"FAQ 02 - FAQ Section with Image","description":"A structured FAQ section designed to address common questions with clarity, reduce support requests, and help users make informed decisions through accessible,…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-02.json","copy_url":"https://shadcnspace.com/r/faq-02.json"},{"name":"faq-03","title":"FAQ 03 - FAQ with Insights","description":"A comprehensive FAQ section paired with credibility metrics, designed to answer key questions, reinforce trust, and provide users with quick clarity before mak…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-03.json","copy_url":"https://shadcnspace.com/r/faq-03.json"},{"name":"faq-04","title":"FAQ 04 - Support FAQ","description":"A modern FAQ layout featuring structured questions alongside a support card, designed to provide quick answers, encourage direct contact, and enhance user conf…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-04.json","copy_url":"https://shadcnspace.com/r/faq-04.json"},{"name":"faq-05","title":"FAQ 05 - Minimal FAQ","description":"A modern FAQ layout featuring clear questions and expandable answers, helping users resolve common concerns and move forward with confidence.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-05.json","copy_url":"https://shadcnspace.com/r/faq-05.json"},{"name":"faq-06","title":"FAQ 06 - Tabbed FAQ Section","description":"A structured FAQ section with category tabs and expandable answers, helping users quickly explore key topics and understand services through organized, easy-to…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-06.json","copy_url":"https://shadcnspace.com/r/faq-06.json"},{"name":"faq-07","title":"FAQ 07 - FAQ with Help Card","description":"A modern FAQ section with categorized tabs and an integrated help card, helping users find answers quickly while offering direct access to support.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/faq-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/faq-07.json","copy_url":"https://shadcnspace.com/r/faq-07.json"},{"name":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-01.json","copy_url":"https://shadcnspace.com/r/blog-01.json"},{"name":"blog-02","title":"Blog 02 - Latest Articles","description":"A modern blog section designed to highlight recent articles, insights, and updates with structured cards—helping teams share knowledge, boost engagement, and e…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-02.json","copy_url":"https://shadcnspace.com/r/blog-02.json"},{"name":"blog-03","title":"Blog 03 - Editorial Blog","description":"A clean editorial-style blog layout designed to showcase featured stories with balanced visuals and summaries, helping brands share expertise, inspire readers,…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-03.json","copy_url":"https://shadcnspace.com/r/blog-03.json"},{"name":"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","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-04.json","copy_url":"https://shadcnspace.com/r/blog-04.json"},{"name":"blog-05","title":"Blog 05 - News Grid","description":"A modern blog grid crafted to showcase recent articles with engaging visuals and metadata, helping teams promote fresh content, improve discoverability, and ke…","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-05.json","copy_url":"https://shadcnspace.com/r/blog-05.json"},{"name":"blog-06","title":"Blog 06 - Featured Blog","description":"A clean card-based blog section highlighting recent updates, insights, and resources to keep users informed with the latest content.","type":"registry:block","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/blog-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/blog-06.json","copy_url":"https://shadcnspace.com/r/blog-06.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.vercel.app/registry/shadcn-studio","markdown":"https://sh4dcn.vercel.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":1682,"open_issues":7,"last_commit":"2026-02-16T05:48:49Z"},"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.vercel.app/registry/shadcn-ui-blocks","markdown":"https://sh4dcn.vercel.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?120b9158f41415a2","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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","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.vercel.app/registry/shadcnblocks","markdown":"https://sh4dcn.vercel.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":364,"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 - Multi-Section Mission Values","description":"A multi-section about block with mission statement, values grid with icons, and image panels for company storytelling.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about1.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about10.json","copy_url":"https://shadcnblocks.com/r/about10.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about12.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about13.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about14.json","copy_url":"https://shadcnblocks.com/r/about14.json"},{"name":"about15","title":"About 15 - Tilted Photo Profile Card","description":"A dark two-column about section with rotated polaroid-style photo card on the left and headline with body text on the right.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about15.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about16.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about17.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about18.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about19.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about2.json","copy_url":"https://shadcnblocks.com/r/about2.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about28.json","copy_url":"https://shadcnblocks.com/r/about28.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about3.json","copy_url":"https://shadcnblocks.com/r/about3.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about4.json","copy_url":"https://shadcnblocks.com/r/about4.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about5.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about6.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about7.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about8.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about9.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/accept-invite1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite1.json","copy_url":"https://shadcnblocks.com/r/accept-invite1.json"},{"name":"accept-invite2","title":"Accept Invite 2 - Centered Invite Card with Avatar","description":"A compact centered invitation card with host avatar initial, personalized message, and accept/decline buttons with expiration notice.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/accept-invite2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite2.json","copy_url":"https://shadcnblocks.com/r/accept-invite2.json"},{"name":"address-book1","title":"Address Book 1 - Address book list with edit modes and default selection","description":"This component provides an interactive interface for managing and editing a list of addresses, allowing users to add, edit, and delete addresses with form inpu…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/address-book1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/address-book1.json","copy_url":"https://shadcnblocks.com/r/address-book1.json"},{"name":"address-book2","title":"Address Book 2 - Card grid address book with default selection","description":"The AddressBook2 component is designed to manage a collection of addresses, allowing users to view, edit, add, and delete addresses within a card-based layout.…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/address-book2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/address-book2.json","copy_url":"https://shadcnblocks.com/r/address-book2.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell1.json","copy_url":"https://shadcnblocks.com/r/application-shell1.json"},{"name":"application-shell10","title":"Application Shell 10 - Support Ticket Shell","description":"A support or helpdesk application shell with ticket sidebar, command palette search, conversation view with message input, and ticket category navigation.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell10.json","copy_url":"https://shadcnblocks.com/r/application-shell10.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell11.json","copy_url":"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 collapsible panel, organization switcher, and animated transitions.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell12.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell13.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell14.json","copy_url":"https://shadcnblocks.com/r/application-shell14.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell2.json","copy_url":"https://shadcnblocks.com/r/application-shell2.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell3.json","copy_url":"https://shadcnblocks.com/r/application-shell3.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell4.json","copy_url":"https://shadcnblocks.com/r/application-shell4.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell5.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell6.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell7.json","copy_url":"https://shadcnblocks.com/r/application-shell7.json"},{"name":"application-shell8","title":"Application Shell 8 - Email Client Shell","description":"An email client application shell with folder sidebar, workspace switcher, search input, message list with badges, and user dropdown with notification settings.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell8.json","copy_url":"https://shadcnblocks.com/r/application-shell8.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell9.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards1.json","copy_url":"https://shadcnblocks.com/r/awards1.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards2.json","copy_url":"https://shadcnblocks.com/r/awards2.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards3.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards4.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards5.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards6.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards7.json","copy_url":"https://shadcnblocks.com/r/awards7.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern1.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern10.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern100.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern100.json","copy_url":"https://shadcnblocks.com/r/background-pattern100.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern11.json","copy_url":"https://shadcnblocks.com/r/background-pattern11.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern111.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern111.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern112.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern112.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern113.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern113.json","copy_url":"https://shadcnblocks.com/r/background-pattern113.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern115.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern115.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern116.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern116.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern117.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern117.json","copy_url":"https://shadcnblocks.com/r/background-pattern117.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern12.json","copy_url":"https://shadcnblocks.com/r/background-pattern12.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern13.json","copy_url":"https://shadcnblocks.com/r/background-pattern13.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern14.json","copy_url":"https://shadcnblocks.com/r/background-pattern14.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern15.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern16.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern17.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern18.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern19.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern2.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern20.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern21.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern22.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern23.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern24.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern25.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern25.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern26.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern27.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern28.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern29.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern3.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern30.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern31.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern32.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern33.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern34.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern35.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern36.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern37.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern38.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern39.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern4.json","copy_url":"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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern40.json","copy_url":"https://shadcnblocks.com/r/background-pattern40.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern5.json","copy_url":"https://shadcnblocks.com/r/background-pattern5.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern6.json","copy_url":"https://shadcnblocks.com/r/background-pattern6.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern7.json","copy_url":"https://shadcnblocks.com/r/background-pattern7.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","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern8.json","copy_url":"https://shadcnblocks.com/r/background-pattern8.json"},{"name":"background-pattern9","title":"Background Pattern 9 - Grid background pattern with bottom-right radial fade","description":"This component, BackgroundPattern9, creates a visually appealing background with a grid pattern and a radial fade effect in the bottom right corner, which serv…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern9.json","copy_url":"https://shadcnblocks.com/r/background-pattern9.json"},{"name":"background-pattern95","title":"Background Pattern 95 - Multi-Corner Radial Glow Background","description":"A full-height section with four chart-tinted radial glows on the page background plus a high-frequency conic noise overlay in blend mode, centered pattern plac…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern95.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern95.json","copy_url":"https://shadcnblocks.com/r/background-pattern95.json"},{"name":"background-pattern96","title":"Background Pattern 96 - Corner Gradient Stack With SVG Noise","description":"A min-height screen section with stacked corner radial gradients from chart colors and a full-bleed SVG fractal noise layer at reduced opacity in overlay blend.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern96.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern96.json","copy_url":"https://shadcnblocks.com/r/background-pattern96.json"},{"name":"background-pattern97","title":"Background Pattern 97 - Blurred Mesh Glow Background","description":"A full-height canvas with several large blurred radial gradients forming a mesh of chart colors, plus SVG fractal noise in overlay for grain, centered placehol…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern97.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern97.json","copy_url":"https://shadcnblocks.com/r/background-pattern97.json"},{"name":"background-pattern98","title":"Background Pattern 98 - Bottom Glow Gradient Background","description":"A viewport-tall section with three stacked bottom-anchored radial glows in chart colors, heavy blur, SVG noise overlay, and centered pattern placeholder.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern98.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern98.json","copy_url":"https://shadcnblocks.com/r/background-pattern98.json"},{"name":"background-pattern99","title":"Background Pattern 99 - Duo Corner Gradient Background","description":"A min-height screen backdrop with two large blurred radial gradients from opposite corners using chart colors, SVG noise overlay, and centered pattern placehol…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern99.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern99.json","copy_url":"https://shadcnblocks.com/r/background-pattern99.json"},{"name":"banner1","title":"Banner 1 - Full-width dismissible announcement bar","description":"A thin top bar with centered title, muted supporting text, an inline external link, and a ghost icon button that hides the banner.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner1.json","copy_url":"https://shadcnblocks.com/r/banner1.json"},{"name":"banner2","title":"Banner 2 - Container announcement bar with dismiss","description":"A muted banner inside the site container with inline title, description, link, and ghost close icon that removes the bar when clicked.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner2.json","copy_url":"https://shadcnblocks.com/r/banner2.json"},{"name":"banner3","title":"Banner 3 - Primary promo banner with shop button","description":"A solid primary strip with title and description beside a secondary shop-button link and icon, plus dismiss controls that move between mobile and desktop.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner3.json","copy_url":"https://shadcnblocks.com/r/banner3.json"},{"name":"banner4","title":"Banner 4 - Primary bar banner with dismiss","description":"Full-width primary banner with title, supporting line, and dismiss icon; stacks on small screens and aligns on one row on wider viewports.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner4.json","copy_url":"https://shadcnblocks.com/r/banner4.json"},{"name":"banner5","title":"Banner 5 - Floating card banner with link","description":"Absolutely positioned rounded banner with title, muted description, outline link button, and dismiss control that reflows from column to row on wider viewports.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner5.json","copy_url":"https://shadcnblocks.com/r/banner5.json"},{"name":"banner6","title":"Banner 6 - Pill banner with overlapping avatars","description":"Rounded floating banner with overlapping avatars, bold social-proof line, and a circular dismiss button beside the copy.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner6.json","copy_url":"https://shadcnblocks.com/r/banner6.json"},{"name":"banner7","title":"Banner 7 - Full-width banner with separator link","description":"Dismissible full-width strip with message, vertical divider, learn-more link with arrow on desktop, and ghost close control.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/banner7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/banner7.json","copy_url":"https://shadcnblocks.com/r/banner7.json"},{"name":"bento10","title":"Bento 10 - Analytics bento with wave chart and layered cards","description":"Two-by-two feature bento with avatar goal card, animated timing bar chart, overlapping dashboard imagery, and a collaboration widget panel.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento10.json","copy_url":"https://shadcnblocks.com/r/bento10.json"},{"name":"bento11","title":"Bento 11 - Asymmetric six-column health tech bento","description":"Five-tile bento on a six-column grid combining cover photography, animated bar charts, and compact UI widget illustrations with varied aspect ratios.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento11.json","copy_url":"https://shadcnblocks.com/r/bento11.json"},{"name":"bento12","title":"Bento 12 - Inverted caption bento with icon flow diagram","description":"Two-by-two bento placing headings above each tile visual, with grid-background icon flows, document UI mocks, and branded illustration panels.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento12.json","copy_url":"https://shadcnblocks.com/r/bento12.json"},{"name":"bento13","title":"Bento 13 - Borderless eight-column mosaic with menu UI","description":"Asymmetric eight-column bento with caption-below layout, mixing a document menu sidebar, wide dashboard panels, and compact icon illustrations on grid backgrou…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento13.json","copy_url":"https://shadcnblocks.com/r/bento13.json"},{"name":"bento14","title":"Bento 14 - Dark voice AI bento with waveform animation","description":"Four-tile dark bento for voice generation features with animated sound-wave fills, language selection UI, voice tuning controls, and instant generation preview.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento14.json","copy_url":"https://shadcnblocks.com/r/bento14.json"},{"name":"bento15","title":"Bento 15 - Dark voice studio bento with emotion controls","description":"Three-tile dark bento with emotion-based voice delivery UI, script-to-speech automation panel, and a full-width multi-format audio export preview.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento15.json","copy_url":"https://shadcnblocks.com/r/bento15.json"},{"name":"bento16","title":"Bento 16 - Dark voice platform bento with team workspace","description":"Four-tile dark bento mixing two cover-image panels with script-enhancer and team-workspace UI mocks in an eight-column checkerboard grid.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento16.json","copy_url":"https://shadcnblocks.com/r/bento16.json"},{"name":"bento17","title":"Bento 17 - Dark bento with voice preview comparison","description":"Four-tile dark bento with a voice-preview image, brand-profile UI with count-up stats, multilingual model rows, and emotion tone picker controls.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento17.json","copy_url":"https://shadcnblocks.com/r/bento17.json"},{"name":"bento18","title":"Bento 18 - Light four-tile bento with mixed aspect ratios","description":"Two-column bento with caption-below tiles mixing scroll-reveal photography and one animated predictive-analytics UI panel in a wide panoramic row.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento18.json","copy_url":"https://shadcnblocks.com/r/bento18.json"},{"name":"bento19","title":"Bento 19 - Three-column masonry bento with integration pills","description":"Six-card masonry bento in three staggered columns with integration logo pills, animated charts, and compact AI feature UI illustrations in bordered cards.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento19.json","copy_url":"https://shadcnblocks.com/r/bento19.json"},{"name":"bento2","title":"Bento 2 - Team collaboration bento with animated stats","description":"Asymmetric two-column bento with count-up income stats, bar chart SVG, network beam diagram, and staggered project cards.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento2.json","copy_url":"https://shadcnblocks.com/r/bento2.json"},{"name":"bento20","title":"Bento 20 - Hero split bento with recommendation engine feature","description":"Three-tile bento leading with a split text-and-image hero card for recommendation intelligence, plus a wide data-analysis image and a budget-widget performance…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento20.json","copy_url":"https://shadcnblocks.com/r/bento20.json"},{"name":"bento21","title":"Bento 21 - Light health bento with animated tiles","description":"Neutral five-tile bento with animated waveform panel, AI model marquee, three webp visuals, and caption rows about health monitoring and compliance.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento21.json","copy_url":"https://shadcnblocks.com/r/bento21.json"},{"name":"bento22","title":"Bento 22 - Dark analytics bento with photo tiles","description":"Black five-tile bento with dashed borders, two cover-image headers, and three animated dashboard cells for predictive analytics, task management, and recommend…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento22.json","copy_url":"https://shadcnblocks.com/r/bento22.json"},{"name":"bento23","title":"Bento 23 - Dark alternating bento with flipped captions","description":"Black four-tile two-by-two bento where two cards place copy above the visual and two place it below, pairing webp panels with AI workflow captions.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento23.json","copy_url":"https://shadcnblocks.com/r/bento23.json"},{"name":"bento24","title":"Bento 24 - Dark staggered two-column bento","description":"Black four-tile bento in offset left and right stacks with alternating wide and tall aspect panels for sync, trends, decisions, and data visualization.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento24.json","copy_url":"https://shadcnblocks.com/r/bento24.json"},{"name":"bento25","title":"Bento 25 - Dark wide-narrow bento mosaic","description":"Black four-tile bento on an eight-five column rhythm with wide automation and dashboard headers above webp panels plus narrower benchmarking cells.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento25.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento25.json","copy_url":"https://shadcnblocks.com/r/bento25.json"},{"name":"bento26","title":"Bento 26 - Light feature bento with icon captions","description":"White two-by-two bento with animated UI previews above icon-labeled headlines on modular layouts, drag-and-drop styling, responsive auto-fit, and adaptive sizi…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento26.json","copy_url":"https://shadcnblocks.com/r/bento26.json"},{"name":"bento27","title":"Bento 27 - Light feature bento with mixed caption order","description":"White four-tile bento alternating headline placement with animated previews for theme switching, grid alignment, micro-interactions, and CTA emphasis blocks.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento27.json","copy_url":"https://shadcnblocks.com/r/bento27.json"},{"name":"bento28","title":"Bento 28 - Light performance bento with icon rows","description":"White two-by-two bento pairing animated UI previews with icon headlines on optimized assets, real-time editing, multi-content attachments, and brand typography.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento28.json","copy_url":"https://shadcnblocks.com/r/bento28.json"},{"name":"bento29","title":"Bento 29 - Light asymmetric feature bento grid","description":"White four-tile bento on a nine-seven column split with wide and narrow animated previews plus icon captions for modular grids, drag control, and responsive sc…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento29.json","copy_url":"https://shadcnblocks.com/r/bento29.json"},{"name":"bento3","title":"Bento 3 - Four-tile value proposition bento","description":"Two-column bento with count-up gauge, chart imagery, QR scanner animation, and hub network beams behind split headlines.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento3.json","copy_url":"https://shadcnblocks.com/r/bento3.json"},{"name":"bento30","title":"Bento 30 - Healthcare bento with stat counters","description":"Muted healthcare bento stacking satisfaction percentage counters, framed UI panels, video consultation and health monitoring cards with HIPAA-focused copy.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento30.json","copy_url":"https://shadcnblocks.com/r/bento30.json"},{"name":"bento31","title":"Bento 31 - Healthcare bento with report tiles","description":"Healora-themed bento mixing report generation and appointment scheduling cards, an indigo patient-stories panel with heart-rate animation, and timeline widgets.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento31.json","copy_url":"https://shadcnblocks.com/r/bento31.json"},{"name":"bento32","title":"Bento 32 - Captionless product bento mosaic","description":"Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and two square product panels on mixed pastel tile backgrounds.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento32.json","copy_url":"https://shadcnblocks.com/r/bento32.json"},{"name":"bento33","title":"Bento 33 - Complex pricing and promo bento","description":"Dense nine-cell bento on slate gray with upgrade discount pricing, animated barcode, mixed UI widgets, and a tall sidebar column of stacked panels.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento33.json","copy_url":"https://shadcnblocks.com/r/bento33.json"},{"name":"bento34","title":"Bento 34 - Investigation services bento collage","description":"Seven-tile legal-tech bento with background-check and forensics headers, AI legal assistance cards, cybercrime detection visuals, and stacked evidence panels.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento34.json","copy_url":"https://shadcnblocks.com/r/bento34.json"},{"name":"bento35","title":"Bento 35 - Dark headphone product bento","description":"Three-column dark bento for wireless audio with orange hero panels, lime waveform tiles, product photography, and a stacked color-swatch reference card.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento35.json","copy_url":"https://shadcnblocks.com/r/bento35.json"},{"name":"bento36","title":"Bento 36 - Dark editorial product bento","description":"Multi-row dark bento with amber hero typography over product photography, plus a mosaic of smaller branded panels in mixed aspect ratios.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento36.json","copy_url":"https://shadcnblocks.com/r/bento36.json"},{"name":"bento37","title":"Bento 37 - Dark split showcase bento","description":"Asymmetric dark bento with a tall left image column carrying outlined marquee text and a right stack of product photography and UI accent panels.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento37.json","copy_url":"https://shadcnblocks.com/r/bento37.json"},{"name":"bento38","title":"Bento 38 - Editorial fashion bento collage","description":"Two-column dark bento with tall portrait tile, stacked FASHIONS typography, color bands, and scroll-animated fashion imagery.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento38.json","copy_url":"https://shadcnblocks.com/r/bento38.json"},{"name":"bento39","title":"Bento 39 - Analytics dashboard bento with charts","description":"Multi-row gray-background bento mixing QR imagery, revenue bar chart, candlestick animation, gradient ring stat, and discount barcode card.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento39.json","copy_url":"https://shadcnblocks.com/r/bento39.json"},{"name":"bento4","title":"Bento 4 - Dark analytics bento with playhead chart","description":"Black-background two-by-two bento mixing beam network SVG, static imagery, and an orange playhead scrubbing a bar chart.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento4.json","copy_url":"https://shadcnblocks.com/r/bento4.json"},{"name":"bento40","title":"Bento 40 - AI voice bento with keyboard and auth","description":"Two-row black bento with voice feature cards, animated language keyboard, customization mockups, and fingerprint authentication panel.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento40.json","copy_url":"https://shadcnblocks.com/r/bento40.json"},{"name":"bento41","title":"Bento 41 - Developer productivity bento with sidebar CTA","description":"Asymmetric black bento with productivity headline, product screenshot, automation workflow UI, social analytics chart, and right-column CTA panel.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento41.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento41.json","copy_url":"https://shadcnblocks.com/r/bento41.json"},{"name":"bento42","title":"Bento 42 - Task management feature bento grid","description":"Four equal dark cards in a two-by-two grid, each pairing a feature headline with an animated product UI mockup for assignment, prioritization, progress, and cl…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento42.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento42.json","copy_url":"https://shadcnblocks.com/r/bento42.json"},{"name":"bento43","title":"Bento 43 - AI platform bento with integration hub","description":"Asymmetric black bento with integration flow diagram, privacy messaging, counting performance stat, and floating globe illustration.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento43.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento43.json","copy_url":"https://shadcnblocks.com/r/bento43.json"},{"name":"bento44","title":"Bento 44 - Mobile collaboration bento with world map","description":"Three-row black bento with animated world map, collaboration card, integration icon row, and wide mobile mockup with CTA.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento44.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento44.json","copy_url":"https://shadcnblocks.com/r/bento44.json"},{"name":"bento45","title":"Bento 45 - SaaS fintech bento with trading widget","description":"Asymmetric black bento mixing design-process timeline, API documentation visuals, stat counters, and a buy-sell trading panel with CTA.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento45.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento45.json","copy_url":"https://shadcnblocks.com/r/bento45.json"},{"name":"bento46","title":"Bento 46 - AI chat and data pipeline bento","description":"Two-column black bento with AI chat mockup, scrolling integration marquee, reporting screenshot, and animated data connection paths.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento46.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento46.json","copy_url":"https://shadcnblocks.com/r/bento46.json"},{"name":"bento47","title":"Bento 47 - Labeled AI feature bento grid","description":"Multi-span dark bento where each card pairs a headline with dashboard mockups, share UI, integration diagrams, and collaboration visuals.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento47.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento47.json","copy_url":"https://shadcnblocks.com/r/bento47.json"},{"name":"bento48","title":"Bento 48 - Light feature bento with UI screenshots","description":"White-background two-by-two bento with layered dashboard images, voice assistant mockup, and animated certificate cards.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento48.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento48.json","copy_url":"https://shadcnblocks.com/r/bento48.json"},{"name":"bento49","title":"Bento 49 - AI analytics bento with radial chart","description":"Wide hero card with recommendation engine and radial chart above a two-column row of bar dashboard and share timer widgets.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento49.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento49.json","copy_url":"https://shadcnblocks.com/r/bento49.json"},{"name":"bento5","title":"Bento 5 - Healthcare feature bento grid","description":"Five-tile healthcare bento with animated health bars, scheduling imagery, interactive weight curve, wellness photo, and diagnostics visual.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento5.json","copy_url":"https://shadcnblocks.com/r/bento5.json"},{"name":"bento50","title":"Bento 50 - Asymmetric light marketing bento","description":"Eight-column white bento mixing product screenshots, AI onboarding flow panels, and a gradient payment notification card.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento50.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento50.json","copy_url":"https://shadcnblocks.com/r/bento50.json"},{"name":"bento51","title":"Bento 51 - Six-card analytics feature bento","description":"Three-column light bento with revenue chart, AI learning graph, skeleton editor, screenshot, document stack, and anomaly heatmap tiles.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento51.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento51.json","copy_url":"https://shadcnblocks.com/r/bento51.json"},{"name":"bento52","title":"Bento 52 - Compact dark feature bento","description":"Tight two-row dark bento with voice waveform, performance chart, sales bars, auto-cycling progress tracker, and Kanban card stack.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento52.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento52.json","copy_url":"https://shadcnblocks.com/r/bento52.json"},{"name":"bento53","title":"Bento 53 - Web3 developer bento with marquees","description":"Dark bento with scrolling service pill marquees, team invitation network, Solidity code block, crypto token ring, and tag cloud.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento53.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento53.json","copy_url":"https://shadcnblocks.com/r/bento53.json"},{"name":"bento54","title":"Bento 54 - Enterprise finance bento with timeline","description":"Four-column dark bento with newsletter counter, Gantt timeline, avatar collaboration rings, accounting panels, and animated world map.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento54.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento54.json","copy_url":"https://shadcnblocks.com/r/bento54.json"},{"name":"bento6","title":"Bento 6 - Dark enterprise bento with animated SVG tiles","description":"Black-background six-column bento with four dashed-border tiles mixing animated SVG diagrams and scroll-reveal product imagery.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento6.json","copy_url":"https://shadcnblocks.com/r/bento6.json"},{"name":"bento7","title":"Bento 7 - Light bento with AI chat and model picker","description":"Neutral three-row bento pairing two feature cards with UI mini-mocks and a full-width model-selector panel with integration logos.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento7.json","copy_url":"https://shadcnblocks.com/r/bento7.json"},{"name":"bento8","title":"Bento 8 - Two-by-two bento with workflow and budget UI","description":"Four-card bento alternating animated document-flow and budget widgets with two photographic image tiles and scroll-triggered scale animations.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento8.json","copy_url":"https://shadcnblocks.com/r/bento8.json"},{"name":"bento9","title":"Bento 9 - Dark chatbot bento with conversation tiles","description":"Five-tile black bento for chatbot features with animated message bubbles, encryption UI, voice imagery, and context-aware suggestion chips.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/bento9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/bento9.json","copy_url":"https://shadcnblocks.com/r/bento9.json"},{"name":"blog1","title":"Blog 1 - Latest posts grid with filters","description":"Large section heading, shadcn/ui Select filters, and a responsive grid of linked cards showing images, excerpts, and outline category badges.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog1.json","copy_url":"https://shadcnblocks.com/r/blog1.json"},{"name":"blog11","title":"Blog 11 - Blog posts with sticky intro","description":"Muted split layout with sticky intro column showing icon, Blog Posts heading, category links, and a two-column grid of tiles whose photos reveal on hover.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog11.json","copy_url":"https://shadcnblocks.com/r/blog11.json"},{"name":"blog12","title":"Blog 12 - Blog cards with read times","description":"Centered outline badge intro, three bordered article cards with media, excerpts, author avatars, read-time badges, and an outline view-all button.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog12.json","copy_url":"https://shadcnblocks.com/r/blog12.json"},{"name":"blog13","title":"Blog 13 - Article grid with category overlays","description":"Centered Articles header with view-all link and a three-column grid of posts showing imagery, floating category badges, titles, calendar dates, and read-more l…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog13.json","copy_url":"https://shadcnblocks.com/r/blog13.json"},{"name":"blog14","title":"Blog 14 - Featured article with popular posts","description":"Centered section heading and subtitle, two-column featured article with media and badge, then a Popular Posts row of three compact stories with categories.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog14.json","copy_url":"https://shadcnblocks.com/r/blog14.json"},{"name":"blog16","title":"Blog 16 - Blog row with team branding and category pills","description":"Blog list rows with team logo and name, date, linked headline, pill-shaped category links, Separator dividers, and an outline icon button on large screens.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog16.json","copy_url":"https://shadcnblocks.com/r/blog16.json"},{"name":"blog17","title":"Blog 17 - Blog listing with sidebar category filters","description":"Centered header with Badge and intro copy, then ghost Buttons filter categories beside a stacked feed of linked articles with Separator breaks between items.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog17.json","copy_url":"https://shadcnblocks.com/r/blog17.json"},{"name":"blog19","title":"Blog 19 - Related articles grid with outline action","description":"Related articles heading beside a small outline Button, above a responsive grid of linked article stacks showing category, title, summary, and date.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog19.json","copy_url":"https://shadcnblocks.com/r/blog19.json"},{"name":"blog21","title":"Blog 21 - Blog carousel with card slides and controls","description":"Horizontal carousel of bordered image cards with topic and date badges, prev or next icon Buttons, gradient section backdrop, and a centered outline View All A…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog21.json","copy_url":"https://shadcnblocks.com/r/blog21.json"},{"name":"blog22","title":"Blog 22 - Featured article with secondary topic strip","description":"Light section with heading row, outline Read More button, large featured image and headline with Avatar author row, plus a second column of square thumbnails b…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog22.json","copy_url":"https://shadcnblocks.com/r/blog22.json"},{"name":"blog23","title":"Blog 23 - Stacked blog cards with centered header","description":"Narrow centered column with Badge, heading, description, then full-width stacked posts as image-led Cards with label, author, date, title link, summary, and ou…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog23.json","copy_url":"https://shadcnblocks.com/r/blog23.json"},{"name":"blog24","title":"Blog 24 - Horizontal blog cards with thumbnails","description":"Centered Badge-led header over a max-width feed where each post Card pairs a fixed-width thumbnail link with label, author, date, title, summary, and Read more…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog24.json","copy_url":"https://shadcnblocks.com/r/blog24.json"},{"name":"blog26","title":"Blog 26 - Magazine blog split with oversized wordmark","description":"Large Blog wordmark beside tagline and bordered author chip, then two columns with AspectRatio image and lead story stack opposite a Latest list of linked titl…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog26.json","copy_url":"https://shadcnblocks.com/r/blog26.json"},{"name":"blog27","title":"Blog 27 - Filtered blog grid with spotlight band","description":"Top band with dotted muted background, Breadcrumb, headline copy, and spotlight Card, then All Blogs with horizontal RadioGroup filters, three-column Card grid…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog27.json","copy_url":"https://shadcnblocks.com/r/blog27.json"},{"name":"blog28","title":"Blog 28 - Tech blog grid with expanded lead tile","description":"Centered page title above a responsive grid where the first article spans extra rows and columns with image, metadata row, headline, and excerpt while smaller …","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog28.json","copy_url":"https://shadcnblocks.com/r/blog28.json"},{"name":"blog29","title":"Blog 29 - Blog list with tags and link control","description":"A blog index with a page title, stacked post rows showing date, title, excerpt, tag badges, and a circular arrow button, with separators between entries.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog29.json","copy_url":"https://shadcnblocks.com/r/blog29.json"},{"name":"blog3","title":"Blog 3 - Blog grid with labeled posts","description":"A blog section with a page header and a responsive grid of labeled posts with images, summaries, and author lines.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog3.json","copy_url":"https://shadcnblocks.com/r/blog3.json"},{"name":"blog30","title":"Blog 30 - Blog rows with square art and read link","description":"A blog section with a bold page heading and repeating two-column rows pairing a square image with title, uppercase date, excerpt, and a ghost Read control with…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog30.json","copy_url":"https://shadcnblocks.com/r/blog30.json"},{"name":"blog31","title":"Blog 31 - Animated blog grid with featured post","description":"This component dynamically displays a collection of blog posts with interactive animations and includes a prominent header for an engaging introduction. It all…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog31.json","copy_url":"https://shadcnblocks.com/r/blog31.json"},{"name":"blog32","title":"Blog 32 - Two-column blog card grid","description":"A blog listing with a section heading and responsive two-column grid of linked posts with images, category labels, and publish dates.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog32.json","copy_url":"https://shadcnblocks.com/r/blog32.json"},{"name":"blog33","title":"Blog 33 - Compact four-column blog cards","description":"A centered blog grid of eight compact cards in four columns, each with a category badge, rounded thumbnail, title, summary, and read time.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog33.json","copy_url":"https://shadcnblocks.com/r/blog33.json"},{"name":"blog34","title":"Blog 34 - Four-column bordered blog cards","description":"A centered heading above a four-column grid of bordered cards with rounded thumbnails, category badges, author lines, and read links.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog34.json","copy_url":"https://shadcnblocks.com/r/blog34.json"},{"name":"blog35","title":"Blog 35 - Alternating blog rows with dividers","description":"Centered section intro over full-width rows that alternate image-left and image-right layouts, separated by horizontal dividers with badge metadata and read li…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog35.json","copy_url":"https://shadcnblocks.com/r/blog35.json"},{"name":"blog36","title":"Blog 36 - Blog rows with metadata and thumbnails","description":"Badge-led intro above a feed where each row pairs metadata, copy, a square thumbnail, and a continue-reading link in a horizontal layout.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog36.json","copy_url":"https://shadcnblocks.com/r/blog36.json"},{"name":"blog37","title":"Blog 37 - Filtered blog rows with category sidebar","description":"Two-column split with sticky category buttons in a left sidebar and a right feed of horizontal thumbnail rows that update when visitors change the active filte…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog37.json","copy_url":"https://shadcnblocks.com/r/blog37.json"},{"name":"blog38","title":"Blog 38 - Featured hero with three cards","description":"Section heading with outline action, split featured story with wide image and copy, then a three-column row of linked cards with category badges and metadata.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog38.json","copy_url":"https://shadcnblocks.com/r/blog38.json"},{"name":"blog39","title":"Blog 39 - Magazine layout with mini post stack","description":"Uppercase section label above a two-column magazine split with a large left feature and a right stack of thumbnail mini posts separated by dividers.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog39.json","copy_url":"https://shadcnblocks.com/r/blog39.json"},{"name":"blog4","title":"Blog 4 - Blog grid with avatars and mobile view-all","description":"A blog grid with section heading, intro line, card links showing images, category badges, author avatars, and a full-width view-all button on small screens onl…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog4.json","copy_url":"https://shadcnblocks.com/r/blog4.json"},{"name":"blog40","title":"Blog 40 - Single featured blog post row","description":"Featured article in a two-column row with cover image beside category badge, headline, excerpt, author metadata, and read link inside one linked bordered card.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog40.json","copy_url":"https://shadcnblocks.com/r/blog40.json"},{"name":"blog41","title":"Blog 41 - Three-card horizontal blog carousel","description":"Section heading with left/right arrow controls above a horizontal Shadcn UI Carousel that shows three bordered blog cards at a time on desktop.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog41.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog41.json","copy_url":"https://shadcnblocks.com/r/blog41.json"},{"name":"blog42","title":"Blog 42 - Full-bleed blog carousel with dot indicators","description":"Section intro in a container above a full-bleed horizontal carousel of bordered story cards with cover image, category badge, headline, excerpt, date, and clic…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog42.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog42.json","copy_url":"https://shadcnblocks.com/r/blog42.json"},{"name":"blog43","title":"Blog 43 - Split blog section with side carousel","description":"Two-column layout with sticky intro copy, outline tagline, primary CTA, arrow controls on the left, and a linked blog card carousel on the right.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog43.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog43.json","copy_url":"https://shadcnblocks.com/r/blog43.json"},{"name":"blog44","title":"Blog 44 - Timeline blog feed with date markers","description":"Vertical timeline feed with a left rail, category labels, linked titles, and excerpt lines for each post.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog44.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog44.json","copy_url":"https://shadcnblocks.com/r/blog44.json"},{"name":"blog45","title":"Blog 45 - Minimal text-only blog index","description":"Text-only blog index with bordered row dividers, right-aligned dates, and linked titles that underline on hover.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog45.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog45.json","copy_url":"https://shadcnblocks.com/r/blog45.json"},{"name":"blog46","title":"Blog 46 - Newsletter header with photo grid","description":"Newsletter signup header with email field and subscribe button above a two-column grid of linked photo cards with category, date, title, and excerpt.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog46.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog46.json","copy_url":"https://shadcnblocks.com/r/blog46.json"},{"name":"blog5","title":"Blog 5 - Large blog grid with nine posts","description":"A blog grid with the same card pattern as compact listings but mapping many posts, each with cover, badge, title, summary, avatar byline, and a mobile-only vie…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog5.json","copy_url":"https://shadcnblocks.com/r/blog5.json"},{"name":"blog6","title":"Blog 6 - Blog grid with byline-first cards","description":"A blog grid with page title, subtitle, card links that lead with author and date, then title and summary, plus a mobile-only view-all button.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog6.json","copy_url":"https://shadcnblocks.com/r/blog6.json"},{"name":"blog7","title":"Blog 7 - Centered blog cards with read-more links","description":"A centered blog section with secondary badge, large heading, supporting copy, and a responsive grid of image-top cards with linked titles, summaries, and read-…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog7.json","copy_url":"https://shadcnblocks.com/r/blog7.json"},{"name":"blog8","title":"Blog 8 - Offset blog rows with tags","description":"A blog section with centered heading and description, then wide stacked rows pairing uppercase tag lines and copy with a bordered image, each with read-more li…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blog8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blog8.json","copy_url":"https://shadcnblocks.com/r/blog8.json"},{"name":"blogpost1","title":"Blogpost 1 - Centered article with alert and table","description":"A single-post layout with centered title, subtitle, author row with avatar and site link, hero media, and prose body including headings, alert, table, and figu…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost1.json","copy_url":"https://shadcnblocks.com/r/blogpost1.json"},{"name":"blogpost10","title":"Blogpost 10 - Narrow article with reading progress bar","description":"A capped-width reading column with a fixed top progress indicator tied to scroll position, category label, and compact prose sections.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost10.json","copy_url":"https://shadcnblocks.com/r/blogpost10.json"},{"name":"blogpost11","title":"Blogpost 11 - Split hero with quote pull block","description":"A two-column blog hero pairing a full-height image panel with title, author row, separator, and a bordered pull-quote figure without motion effects.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost11.json","copy_url":"https://shadcnblocks.com/r/blogpost11.json"},{"name":"blogpost12","title":"Blogpost 12 - Centered minimal article with drop cap","description":"A centered title band above a capped prose column where the first paragraph opens with a large decorative initial letter and short section headings.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost12.json","copy_url":"https://shadcnblocks.com/r/blogpost12.json"},{"name":"blogpost13","title":"Blogpost 13 - Two-column article with sticky related links","description":"A wide article column beside a sticky aside listing categorized related reading links with hover states and external arrow icons.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost13.json","copy_url":"https://shadcnblocks.com/r/blogpost13.json"},{"name":"blogpost2","title":"Blogpost 2 - Article with sticky sidebar","description":"A two-column blog article with a sticky narrow column for back navigation, display title, and avatar byline beside a main column with hero image and full prose.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost2.json","copy_url":"https://shadcnblocks.com/r/blogpost2.json"},{"name":"blogpost3","title":"Blogpost 3 - Article layout with sticky nav and promo column","description":"A long-form article block with a centered masthead, main column with prose sections, alerts and tables, sticky in-page navigation, and a bordered call-to-actio…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost3.json","copy_url":"https://shadcnblocks.com/r/blogpost3.json"},{"name":"blogpost4","title":"Blogpost 4 - Article with breadcrumbs, share rail, and back to top","description":"A blog article with breadcrumbs, intro blurb, sectioned prose with alerts and tables, sticky section list, circular social share buttons, and a back-to-top con…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost4.json","copy_url":"https://shadcnblocks.com/r/blogpost4.json"},{"name":"blogpost5","title":"Blogpost 5 - Article with bold headline and offset section rail","description":"A blog post layout with breadcrumbs, oversized headline, hero image, sectioned body with alerts and tables, and a narrow rail for on-page links and share butto…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost5.json","copy_url":"https://shadcnblocks.com/r/blogpost5.json"},{"name":"blogpost6","title":"Blogpost 6 - Article with chapter list and patterned hero","description":"A blog article with dotted hero background, centered title and share row, sticky chapter list, long-form prose with images, and repeated author card.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost6.json","copy_url":"https://shadcnblocks.com/r/blogpost6.json"},{"name":"blogpost7","title":"Blogpost 7 - Blog post layout with animated header","description":"This component displays a blog post layout with animated transitions for various elements such as the title, author information, and descriptions. It features …","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost7.json","copy_url":"https://shadcnblocks.com/r/blogpost7.json"},{"name":"blogpost8","title":"Blogpost 8 - Article with sidebar table of contents","description":"A centered article header with hero image, prose body, and a sticky right sidebar listing numbered section links with scroll-aware active states.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost8.json","copy_url":"https://shadcnblocks.com/r/blogpost8.json"},{"name":"blogpost9","title":"Blogpost 9 - Article with author bio and share row","description":"A single-column article with read time and date, hero image, prose sections, a labeled share button row, and a bordered author biography card at the bottom.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/blogpost9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/blogpost9.json","copy_url":"https://shadcnblocks.com/r/blogpost9.json"},{"name":"book-a-demo1","title":"Book A Demo 1 - Demo booking form with benefits and logos","description":"This component is designed to facilitate user engagement by providing a form for booking a demo, along with showcasing key benefits and a carousel of company l…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/book-a-demo1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo1.json","copy_url":"https://shadcnblocks.com/r/book-a-demo1.json"},{"name":"book-a-demo2","title":"Book A Demo 2 - Demo booking with animated testimonials","description":"This component is a demonstration booking block that includes a contact form, a section for animated testimonials, and a footer highlighting trusted partners o…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/book-a-demo2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo2.json","copy_url":"https://shadcnblocks.com/r/book-a-demo2.json"},{"name":"book-a-demo3","title":"Book A Demo 3 - Demo booking form with testimonial cards","description":"The component combines a demo booking form with testimonial display functionality, aimed at facilitating user interaction through form inputs such as name, ema…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/book-a-demo3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo3.json","copy_url":"https://shadcnblocks.com/r/book-a-demo3.json"},{"name":"careers1","title":"Careers 1 - Careers list grouped by department","description":"A careers section with a page heading, supporting copy, and repeating department blocks where each role is a row with title, location, and arrow link animation.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers1.json","copy_url":"https://shadcnblocks.com/r/careers1.json"},{"name":"careers2","title":"Careers 2 - Job openings grid with dashed frame","description":"A careers band with outline badge, title, fallback hiring note, and rows of jobs showing type, city, remote label, and an apply button on a dashed grid backgro…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers2.json","copy_url":"https://shadcnblocks.com/r/careers2.json"},{"name":"careers3","title":"Careers 3 - Categorized job openings with badges","description":"A careers block that prints category badges, then stacked job links with titles, one-line descriptions, map-prefixed locations, and trailing arrows.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers3.json","copy_url":"https://shadcnblocks.com/r/careers3.json"},{"name":"careers4","title":"Careers 4 - Simple careers heading with category sections","description":"A minimal careers section with configurable heading and grouped job rows showing title, location, and arrow link per opening.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers4.json","copy_url":"https://shadcnblocks.com/r/careers4.json"},{"name":"careers5","title":"Careers 5 - Centered careers title with full-width job stack","description":"A careers section with centered page title and a single-column list of roles showing title link, description, location icon row, and salary text.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers5.json","copy_url":"https://shadcnblocks.com/r/careers5.json"},{"name":"careers6","title":"Careers 6 - Careers page with stats header and job cards","description":"A careers block with centered hero copy, quick stats row, and detailed job cards listing department, location, schedule, compensation, experience, and apply ac…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers6.json","copy_url":"https://shadcnblocks.com/r/careers6.json"},{"name":"careers7","title":"Careers 7 - Grouped careers listings with row actions","description":"Careers section with an intro, category subheads, and rows for role title, location, and an outline button linking to each listing.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers7.json","copy_url":"https://shadcnblocks.com/r/careers7.json"},{"name":"careers8","title":"Careers 8 - Filterable open positions by department","description":"Department select filters a list of categories; each block shows a large category title and a responsive grid of cards with role name, location, and link targe…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers8.json","copy_url":"https://shadcnblocks.com/r/careers8.json"},{"name":"careers9","title":"Careers 9 - Careers openings grid with general application link","description":"Gradient-backed section with centered intro, separator-divided rows of department badge, role, location, trailing arrow, and footer copy linking to unsolicited…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/careers9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/careers9.json","copy_url":"https://shadcnblocks.com/r/careers9.json"},{"name":"case-studies1","title":"Case Studies 1 - Case study grid with hover image cards","description":"This component showcases a set of visually engaging case study cards, each with interactive hover effects, designed to highlight how various solutions can enha…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies1.json","copy_url":"https://shadcnblocks.com/r/case-studies1.json"},{"name":"case-studies10","title":"Case Studies 10 - Masked two-up landscape case study carousel","description":"Two landscape case study cards visible at once with soft edge fade masks hinting at more content, advancing one card at a time.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies10.json","copy_url":"https://shadcnblocks.com/r/case-studies10.json"},{"name":"case-studies11","title":"Case Studies 11 - Three-column case study grid with centered heading","description":"Static three-column grid of case study cards with portrait imagery, company logos, and titles beneath a centered section heading.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies11.json","copy_url":"https://shadcnblocks.com/r/case-studies11.json"},{"name":"case-studies12","title":"Case Studies 12 - Two-by-two case study grid with landscape cards","description":"A static 2×2 grid of landscape case study cards with logos, titles, descriptions, and read-more links over full-bleed imagery.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies12.json","copy_url":"https://shadcnblocks.com/r/case-studies12.json"},{"name":"case-studies2","title":"Case Studies 2 - Case studies with quotes and metrics","description":"This component displays case studies highlighting user testimonials and key performance metrics such as satisfaction rates and ROI improvement. It features vis…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies2.json","copy_url":"https://shadcnblocks.com/r/case-studies2.json"},{"name":"case-studies3","title":"Case Studies 3 - Featured case study with supporting grid","description":"This component displays a curated selection of case studies, featuring a prominent highlighted case study alongside additional entries. It supports customizabl…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies3.json","copy_url":"https://shadcnblocks.com/r/case-studies3.json"},{"name":"case-studies4","title":"Case Studies 4 - Case study spotlight with stats and CTA","description":"This component displays a case study block highlighting significant improvements and achievements, featuring key statistics, an author profile, and a summary. …","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies4.json","copy_url":"https://shadcnblocks.com/r/case-studies4.json"},{"name":"case-studies5","title":"Case Studies 5 - Case study carousel with testimonials","description":"This component is a carousel block that showcases a series of testimonials with accompanying logos and images. It allows users to navigate through different sl…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies5.json","copy_url":"https://shadcnblocks.com/r/case-studies5.json"},{"name":"case-studies6","title":"Case Studies 6 - Masked case study carousel with logo cards","description":"A horizontal carousel of case study cards with edge fade masks, company logos, titles over full-bleed imagery, and dot pagination.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies6.json","copy_url":"https://shadcnblocks.com/r/case-studies6.json"},{"name":"case-studies8","title":"Case Studies 8 - Three-up case study carousel stepping one at a time","description":"Case study carousel showing three portrait cards at once on medium screens, advancing one card per step with dot pagination and no edge masks.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies8.json","copy_url":"https://shadcnblocks.com/r/case-studies8.json"},{"name":"case-studies9","title":"Case Studies 9 - Two-up landscape case study carousel","description":"Case study carousel showing two landscape cards side by side, advancing one card at a time with logos, titles, descriptions, and read-more links.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-studies9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-studies9.json","copy_url":"https://shadcnblocks.com/r/case-studies9.json"},{"name":"case-study1","title":"Case Study 1 - Long-form case study with metrics and sidebar","description":"This component displays a detailed case study highlighting improvements in system reliability through AI monitoring, featuring key metrics, narrative sections,…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-study1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-study1.json","copy_url":"https://shadcnblocks.com/r/case-study1.json"},{"name":"case-study3","title":"Case Study 3 - Case study with section navigation and avatars","description":"This component presents a detailed case study layout, including sections for introduction, problem statement, approach, and outcomes, with navigable headings t…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-study3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-study3.json","copy_url":"https://shadcnblocks.com/r/case-study3.json"},{"name":"case-study8","title":"Case Study 8 - Case study article with company sidebar","description":"The component \"CaseStudy8\" is designed to present a detailed narrative with accompanying visuals, including an image and structured text sections for titles, p…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/case-study8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/case-study8.json","copy_url":"https://shadcnblocks.com/r/case-study8.json"},{"name":"changelog1","title":"Changelog 1 - Changelog with sticky version and date rail","description":"Stacked release entries pair a narrow sticky column of version badge and date with titles, descriptions, optional bullet lists, images, and external learn-more…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog1.json","copy_url":"https://shadcnblocks.com/r/changelog1.json"},{"name":"changelog2","title":"Changelog 2 - Changelog hero with email capture and timeline","description":"Centered page title with NEW badge, supporting blurb, inline email field and submit control, plus a dashed vertical timeline of posts with images, headlines, a…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog2.json","copy_url":"https://shadcnblocks.com/r/changelog2.json"},{"name":"changelog3","title":"Changelog 3 - Two-column changelog posts with category dots","description":"Each update pairs a sticky date with colored category labels, prose heading and body with inline links, a bordered image, and horizontal separators between art…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog3.json","copy_url":"https://shadcnblocks.com/r/changelog3.json"},{"name":"changelog4","title":"Changelog 4 - Changelog feed with social strip and scroll progress line","description":"Large changelog title, muted social follow bar, optional vertical timeline that fills with scroll, and two rich posts with hero images, avatars, dates, and nes…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog4.json","copy_url":"https://shadcnblocks.com/r/changelog4.json"},{"name":"changelog5","title":"Changelog 5 - Changelog with sticky date navigation and author footers","description":"Muted intro band with subscribe links, then a wide layout with sticky date links, vertical separator, and stacked posts showing imagery, category dots, rich pr…","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog5.json","copy_url":"https://shadcnblocks.com/r/changelog5.json"},{"name":"changelog6","title":"Changelog 6 - Changelog entries with full release overlay and icon actions","description":"Bordered page frame lists releases with dates, oversized titles, clickable hero art, excerpts, stacked contributor avatars, and icon buttons for expand, copy, …","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog6.json","copy_url":"https://shadcnblocks.com/r/changelog6.json"},{"name":"changelog8","title":"Changelog 8 - Changelog with on-this-page sidebar and smooth jumps","description":"Desktop sidebar lists each release title with version and date, scroll state highlights the active item, and the main column shows badge, date, copy, optional …","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/changelog8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/changelog8.json","copy_url":"https://shadcnblocks.com/r/changelog8.json"},{"name":"chart-card1","title":"Chart Card 1 - Area Chart Card","description":"A card containing an area chart with gradient fill, grid lines, and interactive tooltips.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card1.json","copy_url":"https://shadcnblocks.com/r/chart-card1.json"},{"name":"chart-card10","title":"Chart Card 10 - Stacked Bar Chart","description":"A vertical stacked bar chart card showing multiple data series as segments within each bar.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card10.json","copy_url":"https://shadcnblocks.com/r/chart-card10.json"},{"name":"chart-card11","title":"Chart Card 11 - 100% Stacked Bar Chart","description":"A horizontal 100% stacked bar chart showing proportional breakdown across categories.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card11.json","copy_url":"https://shadcnblocks.com/r/chart-card11.json"},{"name":"chart-card12","title":"Chart Card 12 - Stacked Bar with No Y-Axis","description":"A minimal stacked bar chart with category labels only, no Y-axis for a cleaner look.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card12.json","copy_url":"https://shadcnblocks.com/r/chart-card12.json"},{"name":"chart-card13","title":"Chart Card 13 - Positive/Negative Bar Chart","description":"A bar chart with values above and below zero, using different colors for positive and negative values.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card13.json","copy_url":"https://shadcnblocks.com/r/chart-card13.json"},{"name":"chart-card14","title":"Chart Card 14 - Range Area Chart","description":"An area chart showing a min/max range band with an average line overlay.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card14.json","copy_url":"https://shadcnblocks.com/r/chart-card14.json"},{"name":"chart-card15","title":"Chart Card 15 - Waterfall Chart","description":"A waterfall chart showing how an initial value changes through a series of increases and decreases to reach a final total.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card15.json","copy_url":"https://shadcnblocks.com/r/chart-card15.json"},{"name":"chart-card16","title":"Chart Card 16 - Radial Progress Chart","description":"A circular progress ring showing percentage completion toward a goal with centered value display.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card16.json","copy_url":"https://shadcnblocks.com/r/chart-card16.json"},{"name":"chart-card17","title":"Chart Card 17 - Semi-Circle Gauge","description":"A speedometer-style half-circle gauge with needle indicator and colored performance zones.","type":"registry:block","tags":["accessibility","backgrounds","blocks","cards","charts","dashboard","e-commerce","marketing","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/chart-card17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/chart-card17.json","copy_url":"https://shadcnblocks.com/r/chart-card17.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","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"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.vercel.app/registry/shadcncraft","markdown":"https://sh4dcn.vercel.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":30,"open_issues":1,"last_commit":"2026-03-03T22:26:01Z"},"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":26,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/index.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/index.json","copy_url":"https://shadcncraft.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/style.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/style.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/avatar-stack.json","copy_url":"https://shadcncraft.com/r/avatar-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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/featured-icon.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/featured-icon.json","copy_url":"https://shadcncraft.com/r/featured-icon.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/marquee.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/marquee.json","copy_url":"https://shadcncraft.com/r/marquee.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/page-heading.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/page-heading.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/placeholder-logo.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/placeholder-logo.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/profile-card.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/profile-card.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/section-heading.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/section-heading.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/star-rating.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/star-rating.json","copy_url":"https://shadcncraft.com/r/star-rating.json"},{"name":"tagline","title":"Tagline","description":"A component that displays a tagline with different variants.","type":"registry:ui","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/tagline.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/tagline.json","copy_url":"https://shadcncraft.com/r/tagline.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/badge.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/badge.json","copy_url":"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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/image-zoom.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/image-zoom.json","copy_url":"https://shadcncraft.com/r/image-zoom.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/banner-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-10.json","copy_url":"https://shadcncraft.com/r/banner-10.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/benefits-13.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-13.json","copy_url":"https://shadcncraft.com/r/benefits-13.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/contact-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-11.json","copy_url":"https://shadcncraft.com/r/contact-11.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/faqs-4.json","copy_url":"https://shadcncraft.com/r/faqs-4.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/footer-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/footer-4.json","copy_url":"https://shadcncraft.com/r/footer-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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/newsletter-signup-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-5.json","copy_url":"https://shadcncraft.com/r/newsletter-signup-5.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/testimonials-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-11.json","copy_url":"https://shadcncraft.com/r/testimonials-11.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","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/top-navigation-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-5.json","copy_url":"https://shadcncraft.com/r/top-navigation-5.json"},{"name":"semantic-tokens","title":null,"description":null,"type":"registry:theme","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/semantic-tokens.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/semantic-tokens.json","copy_url":"https://shadcncraft.com/r/semantic-tokens.json"},{"name":"design-system","title":null,"description":null,"type":"registry:style","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/design-system.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/design-system.json","copy_url":"https://shadcncraft.com/r/design-system.json"},{"name":"use-carousel","title":null,"description":null,"type":"registry:hook","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-carousel.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/use-carousel.json","copy_url":"https://shadcncraft.com/r/use-carousel.json"},{"name":"use-click-outside","title":null,"description":null,"type":"registry:hook","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-click-outside.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/use-click-outside.json","copy_url":"https://shadcncraft.com/r/use-click-outside.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","tags":["animation","blocks","buttons","cards","design-system","hooks","icons","marketing","media","mobile","navigation","overlays","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/use-mobile.json","copy_url":"https://shadcncraft.com/r/use-mobile.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.vercel.app/registry/shadcndesign","markdown":"https://sh4dcn.vercel.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_EAimHYMSiezGrD5d41fDSohEpyhJ","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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/testimonials-section-1.json"},{"name":"tagline","title":"Tagline","description":"Reusable tagline component with variants","type":"registry:component","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"],"source_url":"https://shadcndesign-free.vercel.app/r/tagline.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/tagline.json","copy_url":"https://shadcndesign-free.vercel.app/r/tagline.json"},{"name":"logo","title":"Logo","description":"Brand logo component with customizable size","type":"registry:component","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"],"source_url":"https://shadcndesign-free.vercel.app/r/logo.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/logo.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-starlight.json"},{"name":"theme-purple","title":"Purple Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-purple.json"},{"name":"theme-honey","title":"Honey Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-honey.json"},{"name":"theme-sketchpad","title":"Sketchpad Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-night-wind.json"},{"name":"theme-citrus","title":"Citrus Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-citrus.json"},{"name":"theme-soulslike","title":"Soulslike Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"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","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-fresh-lime.json"},{"name":"theme-orbiter","title":"Orbiter Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"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","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"],"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","copy_url":"https://shadcndesign-free.vercel.app/r/theme-neon-forest.json"},{"name":"theme-icecream","title":"Icecream Theme by shadcndesign.com","description":null,"type":"registry:theme","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"],"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","copy_url":"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":["recently-updated"],"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.vercel.app/registry/shadcnhooks","markdown":"https://sh4dcn.vercel.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":58,"open_issues":8,"last_commit":"2026-07-07T16:49:48Z"},"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/is-browser.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/is-browser.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"https://shadcn-hooks.com/r/create-effect-with-target.json"},{"name":"create-context","title":null,"description":"Create a context object.","type":"registry:lib","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/create-context.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/create-context.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-update.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-update.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-unmount.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-unmount.json","copy_url":"https://shadcn-hooks.com/r/use-unmount.json"},{"name":"use-toggle","title":null,"description":"A hook to toggle a value","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-toggle.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-toggle.json","copy_url":"https://shadcn-hooks.com/r/use-toggle.json"},{"name":"use-title","title":null,"description":"A hook to reactively manage document.title","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-title.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-title.json","copy_url":"https://shadcn-hooks.com/r/use-title.json"},{"name":"use-timeout","title":null,"description":"A hook that creates a timeout.","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-timeout.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-timeout.json","copy_url":"https://shadcn-hooks.com/r/use-timeout.json"},{"name":"use-throttle-fn","title":null,"description":"A hook to throttle a function","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"https://shadcn-hooks.com/r/use-throttle-effect.json"},{"name":"use-throttle","title":null,"description":"A hook to throttle a value","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-throttle.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-throttle.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-swr.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-swr.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-query.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-query.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-previous.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-previous.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-os.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-os.json","copy_url":"https://shadcn-hooks.com/r/use-os.json"},{"name":"use-network","title":null,"description":"A hook to get the network state","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-network.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-network.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mouse.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mouse.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mount.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mount.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mcp.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mcp.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-latest.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-latest.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"https://shadcn-hooks.com/r/use-is-hydrated.json"},{"name":"use-interval","title":null,"description":"A hook that creates an interval.","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-interval.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-interval.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-hover.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-hover.json","copy_url":"https://shadcn-hooks.com/r/use-hover.json"},{"name":"use-hash","title":null,"description":"A hook to get current hash","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-hash.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-hash.json","copy_url":"https://shadcn-hooks.com/r/use-hash.json"},{"name":"use-fullscreen","title":null,"description":"A hook to manage fullscreen state","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-fullscreen.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-fullscreen.json","copy_url":"https://shadcn-hooks.com/r/use-fullscreen.json"},{"name":"use-fps","title":null,"description":"A hook to calculate the FPS","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-fps.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-fps.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"https://shadcn-hooks.com/r/use-debounce-effect.json"},{"name":"use-debounce","title":null,"description":"A hook to debounce a value","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-debounce.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-debounce.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-creation.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-creation.json","copy_url":"https://shadcn-hooks.com/r/use-creation.json"},{"name":"use-counter","title":null,"description":"A hook that creates a counter.","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-counter.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-counter.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-clipboard.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-clipboard.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-boolean.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-boolean.json","copy_url":"https://shadcn-hooks.com/r/use-boolean.json"},{"name":"use-battery","title":null,"description":"A hook to monitor battery information","type":"registry:hook","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-battery.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-battery.json","copy_url":"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","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"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","copy_url":"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.vercel.app/registry/shadcnmaps","markdown":"https://sh4dcn.vercel.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":9,"open_issues":5,"last_commit":"2026-07-04T11:05:58Z"},"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/map.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/map.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/usa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/africa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alabama.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alabama.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alaska.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alaska.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/algeria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/algeria.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/angola.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/angola.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/argentina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/argentina.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arizona.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arizona.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arkansas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arkansas.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/asia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/asia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/australia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/australia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/austria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/austria.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/azerbaijan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/azerbaijan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/france.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/world.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bahrain.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bahrain.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bangladesh.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bangladesh.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belarus.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belarus.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belgium.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belgium.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bolivia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bolivia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/brazil.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/brazil.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bulgaria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bulgaria.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/california.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/california.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colorado.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colorado.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cameroon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cameroon.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/central-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/central-america.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/canada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/canada.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/caribbean.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/caribbean.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/china.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/china.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colombia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colombia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/connecticut.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/connecticut.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/costa-rica.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/costa-rica.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cote-ivoire.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cote-ivoire.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/croatia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/croatia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cuba.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cuba.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/czech-republic.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/czech-republic.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/democratic-republic-congo.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/democratic-republic-congo.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/denmark.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/denmark.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/dominican-republic.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/dominican-republic.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ecuador.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ecuador.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/egypt.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/egypt.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/el-salvador.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/el-salvador.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/estonia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/estonia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ethiopia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ethiopia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/finland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/finland.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/germany.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/germany.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ghana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ghana.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/greece.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/greece.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/guatemala.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/guatemala.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/honduras.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/honduras.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/hungary.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hungary.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/india.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/india.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/indonesia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indonesia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iran.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iran.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iraq.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iraq.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ireland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ireland.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/israel.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/israel.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/italy.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/italy.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/japan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/japan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/jordan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/jordan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kazakhstan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kazakhstan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kenya.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kenya.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kuwait.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kuwait.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/latvia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/latvia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/lebanon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lebanon.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/libya.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/libya.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/lithuania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lithuania.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/luxembourg.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/luxembourg.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/macau.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/macau.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/malaysia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/malaysia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/mexico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/mexico.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/monaco.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/monaco.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/morocco.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/morocco.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/myanmar.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/myanmar.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/nepal.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nepal.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/netherlands.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/netherlands.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/new-zealand.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-zealand.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/nigeria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nigeria.json","copy_url":"https://shadcnmaps.com/r/nigeria.json"},{"name":"norway","title":"Norway","description":"Interactive Norway map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/norway.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/norway.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/oman.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oman.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/pakistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/pakistan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/panama.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/panama.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/paraguay.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/paraguay.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/peru.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/peru.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/philippines.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/philippines.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/poland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/poland.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/portugal.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/portugal.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/puerto-rico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/puerto-rico.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/qatar.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/qatar.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/romania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/romania.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/russia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/russia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/saudi-arabia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/saudi-arabia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/serbia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/serbia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/singapore.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/singapore.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/slovakia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/slovakia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/slovenia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/slovenia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/south-africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-africa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/south-korea.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-korea.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/spain.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/spain.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/sri-lanka.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sri-lanka.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/sudan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sudan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/sweden.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sweden.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/switzerland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/switzerland.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/syria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/syria.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/taiwan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/taiwan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/tanzania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tanzania.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/thailand.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/thailand.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/trinidad-and-tobago.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/trinidad-and-tobago.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/tunisia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tunisia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/turkey.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/turkey.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/turkmenistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/turkmenistan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/uae.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uae.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/uganda.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uganda.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/uk.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uk.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ukraine.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ukraine.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/uruguay.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uruguay.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/uzbekistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uzbekistan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/venezuela.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/venezuela.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/vietnam.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/vietnam.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/yemen.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/yemen.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/zambia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/zambia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/zimbabwe.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/zimbabwe.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/continents.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/continents.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/europe.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/europe.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/european-union.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/european-union.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/middle-east.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/middle-east.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/north-africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-africa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/north-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-america.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/south-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-america.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/world-jammu-kashmir.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world-jammu-kashmir.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/delaware.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/delaware.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/florida.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/florida.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/georgia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/georgia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/hawaii.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hawaii.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/idaho.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/idaho.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/illinois.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/illinois.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/indiana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indiana.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iowa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iowa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kansas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kansas.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kentucky.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kentucky.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/louisiana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/louisiana.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/maine.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/maine.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/maryland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/maryland.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/massachusetts.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/massachusetts.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/michigan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/michigan.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/minnesota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/minnesota.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/mississippi.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/mississippi.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/missouri.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/missouri.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/montana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/montana.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/nebraska.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nebraska.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/nevada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nevada.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/new-hampshire.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-hampshire.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/new-jersey.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-jersey.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/new-mexico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-mexico.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/new-york.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-york.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/north-carolina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-carolina.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/north-dakota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-dakota.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ohio.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ohio.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/oklahoma.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oklahoma.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/oregon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oregon.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/pennsylvania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/pennsylvania.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/rhode-island.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/rhode-island.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/south-carolina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-carolina.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/south-dakota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-dakota.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/tennessee.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tennessee.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/texas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/texas.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/utah.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/utah.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/vermont.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/vermont.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/virginia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/virginia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/washington.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/washington.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/west-virginia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/west-virginia.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/wisconsin.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/wisconsin.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/wyoming.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/wyoming.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/france-departements.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france-departements.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/london-boroughs.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/london-boroughs.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"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","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/northeast-usa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/northeast-usa.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/palestine-israel.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/palestine-israel.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/usa-canada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-canada.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/usa-territories.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-territories.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/usa-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/africa-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/africa-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alabama-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alabama-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alaska-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alaska-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/algeria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/algeria-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/angola-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/angola-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/argentina-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/argentina-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arizona-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arizona-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arkansas-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arkansas-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/asia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/asia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/australia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/australia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/austria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/austria-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/azerbaijan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/azerbaijan-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/france-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/world-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bahrain-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bahrain-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bangladesh-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bangladesh-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belarus-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belarus-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belgium-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belgium-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bolivia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bolivia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/brazil-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/brazil-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bulgaria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bulgaria-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/california-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/california-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colorado-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colorado-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cameroon-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cameroon-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/central-america-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/central-america-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/canada-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/canada-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/caribbean-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/caribbean-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/china-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/china-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colombia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colombia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/connecticut-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/connecticut-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/costa-rica-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/costa-rica-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cote-ivoire-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cote-ivoire-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/croatia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/croatia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cuba-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cuba-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/czech-republic-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/czech-republic-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"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","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/denmark-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/denmark-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/dominican-republic-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/dominican-republic-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ecuador-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ecuador-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/egypt-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/egypt-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/el-salvador-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/el-salvador-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/estonia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/estonia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ethiopia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ethiopia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/finland-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/finland-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/germany-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/germany-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ghana-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ghana-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/greece-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/greece-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/guatemala-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/guatemala-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/honduras-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/honduras-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/hungary-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hungary-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/india-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/india-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/indonesia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indonesia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iran-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iran-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iraq-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iraq-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ireland-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ireland-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/israel-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/israel-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/italy-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/italy-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/japan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/japan-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/jordan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/jordan-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kazakhstan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kazakhstan-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kenya-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kenya-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/kuwait-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kuwait-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/latvia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/latvia-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/lebanon-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lebanon-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/libya-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/libya-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/lithuania-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lithuania-data.json","copy_url":"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","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/luxembourg-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/luxembourg-data.json","copy_url":"https://shadcnmaps.com/r/luxembourg-data.json"},{"name":"macau-data","title":"Macau Data","description":"SVG path data for Macau with 8 regions.","type":"registry:file","tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/macau-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/macau-data.json","copy_url":"https://shadcnmaps.com/r/macau-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":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["pro"],"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.vercel.app/registry/shadcnstore","markdown":"https://sh4dcn.vercel.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":834,"open_issues":4,"last_commit":"2026-02-17T07:16:26Z"},"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":182,"components":[{"name":"app-shell-1","title":"E-commerce Shell","description":"Complete e-commerce frontend with product navigation, shopping cart, categories, and user features","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-1.json","copy_url":"https://shadcnstore.com/r/app-shell-1.json"},{"name":"app-shell-2","title":"Landing Page Shell","description":"Marketing-focused landing page with hero section, features showcase, testimonials, and conversion CTA","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-2.json","copy_url":"https://shadcnstore.com/r/app-shell-2.json"},{"name":"app-shell-3","title":"Blog Platform Shell","description":"Content-focused blog layout with article listings, categories, sidebar widgets, and reader engagement","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-3.json","copy_url":"https://shadcnstore.com/r/app-shell-3.json"},{"name":"app-1","title":"App Dashboard 1","description":"Simple dashboard layout with sidebar navigation and stats","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-1.json","copy_url":"https://shadcnstore.com/r/app-1.json"},{"name":"app-2","title":"Task Management 2","description":"Kanban-style task board with drag-and-drop functionality","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-2.json","copy_url":"https://shadcnstore.com/r/app-2.json"},{"name":"chart-1","title":"Sales Performance Chart","description":"Clean and simple bar and line chart displaying monthly sales volume and conversion rate trends with dual y-axis visualization","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-1.json","copy_url":"https://shadcnstore.com/r/chart-1.json"},{"name":"chart-2","title":"Revenue & Growth Analytics Chart","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-2.json","copy_url":"https://shadcnstore.com/r/chart-2.json"},{"name":"chart-3","title":"Analytics Dashboard Chart","description":"Comprehensive analytics dashboard chart with product sales and volume metrics, featuring trend indicators and recent activity tracking","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-3.json","copy_url":"https://shadcnstore.com/r/chart-3.json"},{"name":"chart-4","title":"Multi-Tab Financial Dashboard","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-4.json","copy_url":"https://shadcnstore.com/r/chart-4.json"},{"name":"chart-5","title":"Earnings Timeline Dashboard","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-5.json","copy_url":"https://shadcnstore.com/r/chart-5.json"},{"name":"chart-6","title":"Leading Companies Dashboard","description":"Radial progress chart dashboard showcasing company performance metrics with department breakdown and visitor statistics","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-6.json","copy_url":"https://shadcnstore.com/r/chart-6.json"},{"name":"datatable-1","title":"Users List Datatable","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-1.json","copy_url":"https://shadcnstore.com/r/datatable-1.json"},{"name":"datatable-2","title":"User Records with Stats Datatable","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-2.json","copy_url":"https://shadcnstore.com/r/datatable-2.json"},{"name":"datatable-3","title":"Products Inventory Datatable","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-3.json","copy_url":"https://shadcnstore.com/r/datatable-3.json"},{"name":"datatable-4","title":"Advanced Orders Management Dashboard","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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-4.json","copy_url":"https://shadcnstore.com/r/datatable-4.json"},{"name":"error-page-1","title":"Error Page 1","description":"A responsive error page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-1.json","copy_url":"https://shadcnstore.com/r/error-page-1.json"},{"name":"error-page-2","title":"Error Page 2","description":"A responsive error page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-2.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-3.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-4.json","copy_url":"https://shadcnstore.com/r/error-page-4.json"},{"name":"forgot-password-page-1","title":"Forgot Password Page 1","description":"A responsive forgot password page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnstore.com/r/forgot-password-page-3.json"},{"name":"forgot-password-page-4","title":"Forgot Password Page 4","description":"A modern forgot password page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnstore.com/r/forgot-password-page-5.json"},{"name":"forgot-password-page-6","title":"Forgot Password Page 6","description":"A modern responsive forgot password page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnstore.com/r/forgot-password-page-6.json"},{"name":"login-page-1","title":"Login Page 1","description":"A responsive login page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-1.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-2.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-3.json","copy_url":"https://shadcnstore.com/r/login-page-3.json"},{"name":"login-page-4","title":"Login Page 4","description":"A modern animated login page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-5.json","copy_url":"https://shadcnstore.com/r/login-page-5.json"},{"name":"login-page-6","title":"Login Page 6","description":"A modern animated login page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-6.json","copy_url":"https://shadcnstore.com/r/login-page-6.json"},{"name":"signup-page-1","title":"Signup Page 1","description":"A responsive signup page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-1.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-2.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-3.json","copy_url":"https://shadcnstore.com/r/signup-page-3.json"},{"name":"signup-page-4","title":"Signup Page 4","description":"A modern animated signup page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-5.json","copy_url":"https://shadcnstore.com/r/signup-page-5.json"},{"name":"signup-page-6","title":"Signup Page 6","description":"A modern animated signup page","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-6.json","copy_url":"https://shadcnstore.com/r/signup-page-6.json"},{"name":"widget-1","title":"Analytics Dashboard Widget","description":"Comprehensive analytics dashboard with product sales and volume metrics, featuring trend indicators and recent activity tracking","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-1.json","copy_url":"https://shadcnstore.com/r/widget-1.json"},{"name":"widget-2","title":"Active Tasks Timeline Widget","description":"Interactive task timeline widget with team avatars, progress tracking, and dashed border design for project management","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-2.json","copy_url":"https://shadcnstore.com/r/widget-2.json"},{"name":"widget-3","title":"Active Tasks Timeline Widget","description":"Interactive task timeline widget with team avatars, progress tracking, and dashed border design for project management","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-3.json","copy_url":"https://shadcnstore.com/r/widget-3.json"},{"name":"widget-4","title":"Active Tasks Timeline Widget","description":"Interactive task timeline widget with team avatars, progress tracking, and dashed border design for project management","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-4.json","copy_url":"https://shadcnstore.com/r/widget-4.json"},{"name":"widget-5","title":"Notable Channels Analytics Widget","description":"Social media channels overview widget with progress bars, metrics display, and interactive area chart showing engagement trends","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-5.json","copy_url":"https://shadcnstore.com/r/widget-5.json"},{"name":"widget-6","title":"Top Products Sales & Volume Widget","description":"Side-by-side product comparison widget displaying top products by sales and volume with percentage changes, icons, and metrics","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-6.json","copy_url":"https://shadcnstore.com/r/widget-6.json"},{"name":"category-filter-1","title":"Horizontal Filter Bar 1","description":"A horizontal filter bar with dropdowns and active filter display","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-1.json","copy_url":"https://shadcnstore.com/r/category-filter-1.json"},{"name":"category-filter-2","title":"Sidebar Category Filter 2","description":"A sidebar filter with expandable categories and subcategories","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-2.json","copy_url":"https://shadcnstore.com/r/category-filter-2.json"},{"name":"category-filter-3","title":"Advanced Filter Sidebar 3","description":"A comprehensive filter sidebar with toggle-based selection and real-time results","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-3.json","copy_url":"https://shadcnstore.com/r/category-filter-3.json"},{"name":"checkout-form-1","title":"Simple Checkout Form 1","description":"A clean and straightforward checkout form with essential fields","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-1.json","copy_url":"https://shadcnstore.com/r/checkout-form-1.json"},{"name":"checkout-form-2","title":"Single-Page Checkout 2","description":"A comprehensive single-page checkout with order summary and secure payment","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-2.json","copy_url":"https://shadcnstore.com/r/checkout-form-2.json"},{"name":"checkout-form-3","title":"Multi-Step Checkout 3","description":"A guided multi-step checkout process with progress indicator and validation","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-3.json","copy_url":"https://shadcnstore.com/r/checkout-form-3.json"},{"name":"checkout-form-4","title":"Checkout Form with Collections 4","description":"A checkout form with collections of presets","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-4.json","copy_url":"https://shadcnstore.com/r/checkout-form-4.json"},{"name":"order-history-1","title":"Order History 1","description":"A clean and straightforward order history","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-1.json","copy_url":"https://shadcnstore.com/r/order-history-1.json"},{"name":"order-history-2","title":"Order History 2","description":"A clean and straightforward order history","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-2.json","copy_url":"https://shadcnstore.com/r/order-history-2.json"},{"name":"order-history-3","title":"Order History 3","description":"A clean and straightforward order history","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-3.json","copy_url":"https://shadcnstore.com/r/order-history-3.json"},{"name":"order-history-4","title":"Order Management Table 4","description":"A detailed table view for managing orders with sorting and pagination","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-4.json","copy_url":"https://shadcnstore.com/r/order-history-4.json"},{"name":"product-category-1","title":"Product Category Card 1","description":"A clean and modern product category card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-1.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-2.json","copy_url":"https://shadcnstore.com/r/product-category-2.json"},{"name":"product-category-3","title":"Product Category Card 3","description":"A clean and modern product category card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-3.json","copy_url":"https://shadcnstore.com/r/product-category-3.json"},{"name":"product-category-4","title":"Product Category Card 4","description":"A clean and modern product category card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-5.json","copy_url":"https://shadcnstore.com/r/product-category-5.json"},{"name":"product-category-6","title":"Category Grid Cards 6","description":"A clean and modern product category card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-6.json","copy_url":"https://shadcnstore.com/r/product-category-6.json"},{"name":"product-category-7","title":"Category List View 7","description":"A clean and modern product category card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-7.json","copy_url":"https://shadcnstore.com/r/product-category-7.json"},{"name":"product-card-1","title":"Product Listing Card 1","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-card-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-1.json","copy_url":"https://shadcnstore.com/r/product-card-1.json"},{"name":"product-card-2","title":"Product Listing Card 2","description":"A simple and clean product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-card-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-2.json","copy_url":"https://shadcnstore.com/r/product-card-2.json"},{"name":"product-card-3","title":"Product Listing Card 3","description":"A simple and clean product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-card-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-3.json","copy_url":"https://shadcnstore.com/r/product-card-3.json"},{"name":"product-card-4","title":"Product Listing Card 4","description":"A simple and clean product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-card-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-4.json","copy_url":"https://shadcnstore.com/r/product-card-4.json"},{"name":"product-card-5","title":"Product Comparison Table","description":"Table-style product listing with comparison and sorting features","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-card-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-5.json","copy_url":"https://shadcnstore.com/r/product-card-5.json"},{"name":"product-overview-1","title":"Product Overview 1","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-overview-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-1.json","copy_url":"https://shadcnstore.com/r/product-overview-1.json"},{"name":"product-overview-2","title":"Product Overview 2","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-overview-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-2.json","copy_url":"https://shadcnstore.com/r/product-overview-2.json"},{"name":"product-overview-3","title":"Product Overview 3","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-overview-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-3.json","copy_url":"https://shadcnstore.com/r/product-overview-3.json"},{"name":"product-overview-4","title":"Product Overview 4","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-overview-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-4.json","copy_url":"https://shadcnstore.com/r/product-overview-4.json"},{"name":"product-overview-5","title":"Product Overview 5","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-overview-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-5.json","copy_url":"https://shadcnstore.com/r/product-overview-5.json"},{"name":"review-rating-1","title":"Product Review & Ratings 1","description":"A clean list of product testimonials with ratings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/review-rating-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-1.json","copy_url":"https://shadcnstore.com/r/review-rating-1.json"},{"name":"review-rating-2","title":"Product Review & Ratings 2","description":"A clean list of product testimonials with ratings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/review-rating-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-2.json","copy_url":"https://shadcnstore.com/r/review-rating-2.json"},{"name":"review-rating-3","title":"Product Review & Ratings 3","description":"A clean list of product testimonials with ratings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/review-rating-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-3.json","copy_url":"https://shadcnstore.com/r/review-rating-3.json"},{"name":"review-rating-4","title":"Product Review & Ratings 4","description":"A clean list of product testimonials with ratings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/review-rating-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-4.json","copy_url":"https://shadcnstore.com/r/review-rating-4.json"},{"name":"review-rating-5","title":"Customer Reviews List 5","description":"Simple review list with rating distribution and helpful voting","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/review-rating-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-5.json","copy_url":"https://shadcnstore.com/r/review-rating-5.json"},{"name":"shopping-cart-1","title":"Basic Shopping Cart 1","description":"A more detailed cart summary with multiple items and discounts","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/shopping-cart-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-1.json","copy_url":"https://shadcnstore.com/r/shopping-cart-1.json"},{"name":"shopping-cart-2","title":"Advanced Shopping Cart 2","description":"A clean and modern cart with promo codes and shipping info","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/shopping-cart-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-2.json","copy_url":"https://shadcnstore.com/r/shopping-cart-2.json"},{"name":"shopping-cart-3","title":"Modern Shopping Cart 3","description":"A simple cart summary with item list and total","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/shopping-cart-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-3.json","copy_url":"https://shadcnstore.com/r/shopping-cart-3.json"},{"name":"shopping-cart-4","title":"Compact Cart Sidebar 4","description":"A collapsible cart sidebar with progress tracking and quick checkout","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/shopping-cart-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-4.json","copy_url":"https://shadcnstore.com/r/shopping-cart-4.json"},{"name":"storefront-hero-1","title":"Storefront Hero Section 1","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-1.json","copy_url":"https://shadcnstore.com/r/storefront-hero-1.json"},{"name":"storefront-hero-2","title":"Storefront Hero Section 2","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-2.json","copy_url":"https://shadcnstore.com/r/storefront-hero-2.json"},{"name":"storefront-hero-3","title":"Storefront Hero Section 3","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-3.json","copy_url":"https://shadcnstore.com/r/storefront-hero-3.json"},{"name":"storefront-hero-4","title":"Storefront Hero Section 4","description":"A clean and modern product card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-5.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-6.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-7.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/storefront-hero-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-8.json","copy_url":"https://shadcnstore.com/r/storefront-hero-8.json"},{"name":"bento-grid-1","title":"Bento Grid 1","description":"A responsive grid of listings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/bento-grid-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-1.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/bento-grid-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-2.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/bento-grid-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-3.json","copy_url":"https://shadcnstore.com/r/bento-grid-3.json"},{"name":"bento-grid-4","title":"Bento Grid 4","description":"A responsive grid of listings","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/bento-grid-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-4.json","copy_url":"https://shadcnstore.com/r/bento-grid-4.json"},{"name":"blog-section-1","title":"Three-Card Blog Layout","description":"A clean three-card layout with image placeholders, categories, titles and call-to-action links","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/blog-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-1.json","copy_url":"https://shadcnstore.com/r/blog-section-1.json"},{"name":"blog-section-2","title":"Recent Blog Grid","description":"A grid of recent blog posts with images, titles, authors, and tags","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/blog-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-2.json","copy_url":"https://shadcnstore.com/r/blog-section-2.json"},{"name":"blog-section-3","title":"Stories Grid","description":"A horizontal scrollable stories grid with gradient borders and avatars","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/blog-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-3.json","copy_url":"https://shadcnstore.com/r/blog-section-3.json"},{"name":"blog-section-4","title":"News Grid with Cards","description":"A responsive grid layout featuring news cards with images, titles, and metadata","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/blog-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-4.json","copy_url":"https://shadcnstore.com/r/blog-section-4.json"},{"name":"contact-section-1","title":"Contact Form 1","description":"Clean and minimal contact form with essential fields","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-1.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-2.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-3.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-5.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/contact-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-6.json","copy_url":"https://shadcnstore.com/r/contact-section-6.json"},{"name":"cta-section-1","title":"CTA Section 1","description":"A clean and modern cta section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-1.json","copy_url":"https://shadcnstore.com/r/cta-section-1.json"},{"name":"cta-section-2","title":"CTA Section 2","description":"A clean and modern cta section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-2.json","copy_url":"https://shadcnstore.com/r/cta-section-2.json"},{"name":"cta-section-3","title":"CTA Section 3","description":"A clean and modern cta section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-3.json","copy_url":"https://shadcnstore.com/r/cta-section-3.json"},{"name":"cta-section-4","title":"CTA Section 4","description":"A clean and modern cta section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-5.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-6.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-7.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-8.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-9.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/cta-section-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-10.json","copy_url":"https://shadcnstore.com/r/cta-section-10.json"},{"name":"faq-block-1","title":"Faq Block 1","description":"A clean and modern faq block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/faq-block-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-1.json","copy_url":"https://shadcnstore.com/r/faq-block-1.json"},{"name":"faq-block-2","title":"Faq Block 2","description":"A clean and modern faq block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/faq-block-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-2.json","copy_url":"https://shadcnstore.com/r/faq-block-2.json"},{"name":"faq-block-3","title":"Faq Block 3","description":"A clean and modern faq block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/faq-block-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-3.json","copy_url":"https://shadcnstore.com/r/faq-block-3.json"},{"name":"faq-block-4","title":"Faq Block 4","description":"A clean and modern faq block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/faq-block-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-4.json","copy_url":"https://shadcnstore.com/r/faq-block-4.json"},{"name":"feature-1","title":"Modern Feature 1","description":"A clean and modern feature design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-1.json","copy_url":"https://shadcnstore.com/r/feature-1.json"},{"name":"feature-2","title":"Modern Feature 2","description":"A clean and modern feature design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-2.json","copy_url":"https://shadcnstore.com/r/feature-2.json"},{"name":"feature-3","title":"Modern Feature 3","description":"A clean and modern feature design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-3.json","copy_url":"https://shadcnstore.com/r/feature-3.json"},{"name":"feature-4","title":"Modern Feature 4","description":"Feature section with 2x3 grid layout and clean card design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-4.json","copy_url":"https://shadcnstore.com/r/feature-4.json"},{"name":"feature-5","title":"Modern Feature 5","description":"Card-based feature section with dot pattern and intelligent design focus","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-5.json","copy_url":"https://shadcnstore.com/r/feature-5.json"},{"name":"feature-6","title":"Modern Feature 6","description":"Card-based feature section with decorative grid backgrounds","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-6.json","copy_url":"https://shadcnstore.com/r/feature-6.json"},{"name":"feature-7","title":"Modern Feature 7","description":"Feature section with dual image showcase and feature grid","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-7.json","copy_url":"https://shadcnstore.com/r/feature-7.json"},{"name":"feature-8","title":"Modern Feature 8","description":"Feature section with ecosystem overview and dashboard preview","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-8.json","copy_url":"https://shadcnstore.com/r/feature-8.json"},{"name":"feature-9","title":"Modern Feature 9","description":"Feature section with ecosystem overview and dashboard preview","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-9.json","copy_url":"https://shadcnstore.com/r/feature-9.json"},{"name":"feature-10","title":"Modern Feature 10","description":"Card-based feature section with dot pattern and intelligent design focus","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/feature-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-10.json","copy_url":"https://shadcnstore.com/r/feature-10.json"},{"name":"footer-section-1","title":"Footer Section","description":"A responsive footer section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-1.json","copy_url":"https://shadcnstore.com/r/footer-section-1.json"},{"name":"footer-section-2","title":"Footer Section 2","description":"A responsive footer section 2","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-2.json","copy_url":"https://shadcnstore.com/r/footer-section-2.json"},{"name":"footer-section-3","title":"Footer Section 3","description":"A responsive footer section 3","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-3.json","copy_url":"https://shadcnstore.com/r/footer-section-3.json"},{"name":"footer-section-4","title":"Footer Section 4","description":"A responsive footer section 4","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-4.json","copy_url":"https://shadcnstore.com/r/footer-section-4.json"},{"name":"footer-section-5","title":"Footer Section 5","description":"A responsive footer section 5","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-5.json","copy_url":"https://shadcnstore.com/r/footer-section-5.json"},{"name":"footer-section-6","title":"Footer Section 6","description":"A responsive footer section 6","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-6.json","copy_url":"https://shadcnstore.com/r/footer-section-6.json"},{"name":"footer-section-7","title":"Footer Section 7","description":"A responsive footer section 7","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/footer-section-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-7.json","copy_url":"https://shadcnstore.com/r/footer-section-7.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-1.json","copy_url":"https://shadcnstore.com/r/hero-section-1.json"},{"name":"hero-section-2","title":"Hero Section 2","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-2.json","copy_url":"https://shadcnstore.com/r/hero-section-2.json"},{"name":"hero-section-3","title":"Hero Section 3","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-3.json","copy_url":"https://shadcnstore.com/r/hero-section-3.json"},{"name":"hero-section-4","title":"Hero Section 4","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-4.json","copy_url":"https://shadcnstore.com/r/hero-section-4.json"},{"name":"hero-section-5","title":"Hero Section 5","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-5.json","copy_url":"https://shadcnstore.com/r/hero-section-5.json"},{"name":"hero-section-6","title":"Hero Section 6","description":"A clean and modern hero section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/hero-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-6.json","copy_url":"https://shadcnstore.com/r/hero-section-6.json"},{"name":"listing-1","title":"Modern Listing 1","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-1.json","copy_url":"https://shadcnstore.com/r/listing-1.json"},{"name":"listing-2","title":"Modern Listing 2","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-2.json","copy_url":"https://shadcnstore.com/r/listing-2.json"},{"name":"listing-3","title":"Modern Listing 3","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-3.json","copy_url":"https://shadcnstore.com/r/listing-3.json"},{"name":"listing-4","title":"Modern Listing 4","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-4.json","copy_url":"https://shadcnstore.com/r/listing-4.json"},{"name":"listing-5","title":"Modern Listing 5","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-5.json","copy_url":"https://shadcnstore.com/r/listing-5.json"},{"name":"listing-6","title":"Modern Listing 6","description":"A clean and modern listing design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/listing-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-6.json","copy_url":"https://shadcnstore.com/r/listing-6.json"},{"name":"logo-cloud-1","title":"ShadcnStore Tech Integrations","description":"Showcases ShadcnStore compatibility with popular technologies and development frameworks","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-1.json","copy_url":"https://shadcnstore.com/r/logo-cloud-1.json"},{"name":"logo-cloud-2","title":"ShadcnStore Success Stories","description":"Customer testimonials and success metrics highlighting ShadcnStore component benefits","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-2.json","copy_url":"https://shadcnstore.com/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":"ShadcnStore Industry Leaders","description":"Professional showcase featuring industry leaders who use ShadcnStore components","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-3.json","copy_url":"https://shadcnstore.com/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":"ShadcnStore Enterprise Solutions","description":"Enterprise-focused showcase highlighting ShadcnStore components for large-scale applications","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-4.json","copy_url":"https://shadcnstore.com/r/logo-cloud-4.json"},{"name":"logo-cloud-5","title":"ShadcnStore Community Partners","description":"Community-focused showcase featuring ShadcnStore partner companies and ecosystem growth","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-5.json","copy_url":"https://shadcnstore.com/r/logo-cloud-5.json"},{"name":"pricing-section-1","title":"Pricing Section 1","description":"A clean and modern pricing section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-1.json","copy_url":"https://shadcnstore.com/r/pricing-section-1.json"},{"name":"pricing-section-2","title":"Pricing Section 2","description":"A clean and modern pricing section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-2.json","copy_url":"https://shadcnstore.com/r/pricing-section-2.json"},{"name":"pricing-section-3","title":"Pricing Section 3","description":"A clean and modern pricing section","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-3.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-4.json","copy_url":"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","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-5.json","copy_url":"https://shadcnstore.com/r/pricing-section-5.json"},{"name":"pricing-section-6","title":"Pricing Section 6","description":"Comprehensive 4-tier pricing with Free, Personal, Teams, and Enterprise plans","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/pricing-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-6.json","copy_url":"https://shadcnstore.com/r/pricing-section-6.json"},{"name":"statistic-1","title":"Statistic 1","description":"Modern statistics grid with progress indicators and performance metrics","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-1.json","copy_url":"https://shadcnstore.com/r/statistic-1.json"},{"name":"statistic-2","title":"Statistic 2","description":"Side-by-side layout showcasing company metrics and growth statistics","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-2.json","copy_url":"https://shadcnstore.com/r/statistic-2.json"},{"name":"statistic-3","title":"Statistic 3","description":"Comprehensive platform statistics with trend indicators and progress bars","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-3.json","copy_url":"https://shadcnstore.com/r/statistic-3.json"},{"name":"statistic-4","title":"Statistic 4","description":"A clean and modern statistics design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-4.json","copy_url":"https://shadcnstore.com/r/statistic-4.json"},{"name":"statistic-5","title":"Statistic 5","description":"Comprehensive business dashboard with summary cards and detailed analytics","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-5.json","copy_url":"https://shadcnstore.com/r/statistic-5.json"},{"name":"statistic-6","title":"Statistic 6","description":"Clean metrics grid displaying key performance indicators","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-6.json","copy_url":"https://shadcnstore.com/r/statistic-6.json"},{"name":"statistic-7","title":"Statistic 7","description":"A clean and modern statistics design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-7.json","copy_url":"https://shadcnstore.com/r/statistic-7.json"},{"name":"statistic-8","title":"Statistic 8","description":"A clean and modern statistics design","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/statistic-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/statistic-8.json","copy_url":"https://shadcnstore.com/r/statistic-8.json"},{"name":"team-1","title":"Team Profile 1","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-1.json","copy_url":"https://shadcnstore.com/r/team-1.json"},{"name":"team-2","title":"Team Profile 2","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-2.json","copy_url":"https://shadcnstore.com/r/team-2.json"},{"name":"team-3","title":"Team Profile 3","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-3.json","copy_url":"https://shadcnstore.com/r/team-3.json"},{"name":"team-4","title":"Team Profile 4","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-4.json","copy_url":"https://shadcnstore.com/r/team-4.json"},{"name":"team-5","title":"Team Profile 5","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-5.json","copy_url":"https://shadcnstore.com/r/team-5.json"},{"name":"team-6","title":"Team Profile 6","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-6.json","copy_url":"https://shadcnstore.com/r/team-6.json"},{"name":"team-7","title":"Team Profile 7","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-7.json","copy_url":"https://shadcnstore.com/r/team-7.json"},{"name":"team-8","title":"Team Profile 8","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-8.json","copy_url":"https://shadcnstore.com/r/team-8.json"},{"name":"team-9","title":"Team Profile 9","description":"A clean and modern team profile","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/team-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/team-9.json","copy_url":"https://shadcnstore.com/r/team-9.json"},{"name":"testimonial-1","title":"Testimonial 1","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-1.json","copy_url":"https://shadcnstore.com/r/testimonial-1.json"},{"name":"testimonial-2","title":"Testimonial 2","description":"A hero testimonial layout with featured testimonial and supporting cards","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-2.json","copy_url":"https://shadcnstore.com/r/testimonial-2.json"},{"name":"testimonial-3","title":"Testimonial 3","description":"A grid-based testimonial wall showcasing customer feedback","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-3.json","copy_url":"https://shadcnstore.com/r/testimonial-3.json"},{"name":"testimonial-4","title":"Testimonial 4","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-4.json","copy_url":"https://shadcnstore.com/r/testimonial-4.json"},{"name":"testimonial-5","title":"Testimonial 5","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-5.json","copy_url":"https://shadcnstore.com/r/testimonial-5.json"},{"name":"testimonial-6","title":"Testimonial 6","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-6.json","copy_url":"https://shadcnstore.com/r/testimonial-6.json"},{"name":"testimonial-7","title":"Testimonial 7","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-7.json","copy_url":"https://shadcnstore.com/r/testimonial-7.json"},{"name":"testimonial-8","title":"Testimonial 8","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-8.json","copy_url":"https://shadcnstore.com/r/testimonial-8.json"},{"name":"testimonial-9","title":"Testimonial 9","description":"A testimonial block","type":"registry:block","tags":["auth","blocks","buttons","cards","charts","cms","e-commerce","forms","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/testimonial-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/testimonial-9.json","copy_url":"https://shadcnstore.com/r/testimonial-9.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.vercel.app/registry/shadcnui-blocks","markdown":"https://sh4dcn.vercel.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":620,"open_issues":3,"last_commit":"2026-05-10T07:58:16Z"},"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/dot-pattern.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dot-pattern.json","copy_url":"https://shadcnui-blocks.com/r/dot-pattern.json"},{"name":"particles","title":"Particles","description":"A simple particles","type":"registry:ui","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/particles.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/particles.json","copy_url":"https://shadcnui-blocks.com/r/particles.json"},{"name":"animated-grid-pattern","title":"Animated Grid Pattern","description":"A simple animated grid pattern","type":"registry:ui","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/animated-grid-pattern.json"},{"name":"marquee","title":"Marquee","description":"A simple marquee","type":"registry:ui","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/marquee.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/marquee.json","copy_url":"https://shadcnui-blocks.com/r/marquee.json"},{"name":"accordion-01","title":"Default Accordion","description":"A default accordion component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-01.json","copy_url":"https://shadcnui-blocks.com/r/accordion-01.json"},{"name":"accordion-02","title":"Outline Accordion","description":"An outline styled accordion","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-02.json","copy_url":"https://shadcnui-blocks.com/r/accordion-02.json"},{"name":"accordion-03","title":"Box Accordion","description":"A box styled accordion","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-03.json","copy_url":"https://shadcnui-blocks.com/r/accordion-03.json"},{"name":"accordion-04","title":"Contained Accordion","description":"A contained accordion component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-04.json","copy_url":"https://shadcnui-blocks.com/r/accordion-04.json"},{"name":"accordion-05","title":"Box Contained Accordion","description":"A box-contained accordion component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-05.json","copy_url":"https://shadcnui-blocks.com/r/accordion-05.json"},{"name":"accordion-06","title":"Tabs Accordion","description":"A tabs-styled accordion component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-09.json","copy_url":"https://shadcnui-blocks.com/r/accordion-09.json"},{"name":"accordion-10","title":"Icon Accordion","description":"An accordion with icons","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-10.json","copy_url":"https://shadcnui-blocks.com/r/accordion-10.json"},{"name":"accordion-11","title":"Media Content Accordion","description":"An accordion with media content","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-11.json","copy_url":"https://shadcnui-blocks.com/r/accordion-11.json"},{"name":"accordion-12","title":"Disabled Item Accordion","description":"An accordion with disabled items","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-12.json","copy_url":"https://shadcnui-blocks.com/r/accordion-12.json"},{"name":"alert-01","title":"Primary Alert","description":"A primary alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-01.json","copy_url":"https://shadcnui-blocks.com/r/alert-01.json"},{"name":"alert-02","title":"Destructive Alert","description":"A destructive alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-02.json","copy_url":"https://shadcnui-blocks.com/r/alert-02.json"},{"name":"alert-03","title":"Success Alert","description":"A success alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-03.json","copy_url":"https://shadcnui-blocks.com/r/alert-03.json"},{"name":"alert-04","title":"Warning Alert","description":"A warning alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-04.json","copy_url":"https://shadcnui-blocks.com/r/alert-04.json"},{"name":"alert-05","title":"Info Alert","description":"An info alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-05.json","copy_url":"https://shadcnui-blocks.com/r/alert-05.json"},{"name":"alert-06","title":"Alert With Background","description":"An alert with background component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-06.json","copy_url":"https://shadcnui-blocks.com/r/alert-06.json"},{"name":"alert-07","title":"Soft Alert","description":"A soft alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-07.json","copy_url":"https://shadcnui-blocks.com/r/alert-07.json"},{"name":"alert-08","title":"Bootstrap Alert","description":"A bootstrap-styled alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-08.json","copy_url":"https://shadcnui-blocks.com/r/alert-08.json"},{"name":"alert-09","title":"Callout Alert","description":"A callout alert component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-09.json","copy_url":"https://shadcnui-blocks.com/r/alert-09.json"},{"name":"alert-10","title":"Alert With Actions","description":"An alert with actions component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-10.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/alert-dialog-06.json"},{"name":"avatar-01","title":"Default Avatar","description":"A default avatar component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-01.json","copy_url":"https://shadcnui-blocks.com/r/avatar-01.json"},{"name":"avatar-02","title":"Clickable Avatar","description":"A clickable avatar component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-02.json","copy_url":"https://shadcnui-blocks.com/r/avatar-02.json"},{"name":"avatar-03","title":"Avatar with Tooltip","description":"An avatar with tooltip component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-03.json","copy_url":"https://shadcnui-blocks.com/r/avatar-03.json"},{"name":"avatar-04","title":"Avatar with Text","description":"An avatar with text component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-05.json","copy_url":"https://shadcnui-blocks.com/r/avatar-05.json"},{"name":"avatar-06","title":"Avatar Size","description":"Different sizes of avatar component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-06.json","copy_url":"https://shadcnui-blocks.com/r/avatar-06.json"},{"name":"avatar-07","title":"Avatar Color","description":"Different colors of avatar component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-07.json","copy_url":"https://shadcnui-blocks.com/r/avatar-07.json"},{"name":"avatar-08","title":"Avatar Shape","description":"Different shapes of avatar component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-08.json","copy_url":"https://shadcnui-blocks.com/r/avatar-08.json"},{"name":"avatar-09","title":"Avatar Fallback","description":"Avatar with fallback component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-09.json","copy_url":"https://shadcnui-blocks.com/r/avatar-09.json"},{"name":"avatar-10","title":"Avatar with Ring","description":"Avatar with ring component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-10.json","copy_url":"https://shadcnui-blocks.com/r/avatar-10.json"},{"name":"avatar-11","title":"Avatar Status","description":"Avatar with status indicator component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-11.json","copy_url":"https://shadcnui-blocks.com/r/avatar-11.json"},{"name":"avatar-12","title":"Avatar Group","description":"Group of avatars component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-12.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-13.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-14.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-15.json","copy_url":"https://shadcnui-blocks.com/r/avatar-15.json"},{"name":"avatar-16","title":"Avatar Dropdown Menu","description":"An avatar dropdown menu component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-16.json","copy_url":"https://shadcnui-blocks.com/r/avatar-16.json"},{"name":"badge-01","title":"Default Badge","description":"A default badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-01.json","copy_url":"https://shadcnui-blocks.com/r/badge-01.json"},{"name":"badge-02","title":"Secondary Badge","description":"A secondary badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-02.json","copy_url":"https://shadcnui-blocks.com/r/badge-02.json"},{"name":"badge-03","title":"Outline Badge","description":"An outline badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-03.json","copy_url":"https://shadcnui-blocks.com/r/badge-03.json"},{"name":"badge-04","title":"Destructive Badge","description":"A destructive badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-04.json","copy_url":"https://shadcnui-blocks.com/r/badge-04.json"},{"name":"badge-05","title":"Rounded Badge","description":"A rounded badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-05.json","copy_url":"https://shadcnui-blocks.com/r/badge-05.json"},{"name":"badge-06","title":"Gradient Badge","description":"A gradient badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-06.json","copy_url":"https://shadcnui-blocks.com/r/badge-06.json"},{"name":"badge-07","title":"Gradient Outline Badge","description":"A gradient outline badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-07.json","copy_url":"https://shadcnui-blocks.com/r/badge-07.json"},{"name":"badge-08","title":"Soft Badge","description":"A soft badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-08.json","copy_url":"https://shadcnui-blocks.com/r/badge-08.json"},{"name":"badge-09","title":"Status Badge","description":"A status badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-09.json","copy_url":"https://shadcnui-blocks.com/r/badge-09.json"},{"name":"badge-10","title":"Badge with Image","description":"A badge with image component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-10.json","copy_url":"https://shadcnui-blocks.com/r/badge-10.json"},{"name":"badge-11","title":"Badge with Icon","description":"A badge with icon component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-11.json","copy_url":"https://shadcnui-blocks.com/r/badge-11.json"},{"name":"badge-12","title":"Clickable Badge","description":"A clickable badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-12.json","copy_url":"https://shadcnui-blocks.com/r/badge-12.json"},{"name":"badge-13","title":"Clickable Link Badge","description":"A clickable link badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-13.json","copy_url":"https://shadcnui-blocks.com/r/badge-13.json"},{"name":"badge-14","title":"Badge with number","description":"A badge with number component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-14.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-15.json","copy_url":"https://shadcnui-blocks.com/r/badge-15.json"},{"name":"badge-16","title":"Tabs with badge","description":"A tabs with badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-16.json","copy_url":"https://shadcnui-blocks.com/r/badge-16.json"},{"name":"badge-17","title":"Icon button","description":"An icon button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-17.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-17.json","copy_url":"https://shadcnui-blocks.com/r/badge-17.json"},{"name":"button-01","title":"Primary Button","description":"A primary button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-01.json","copy_url":"https://shadcnui-blocks.com/r/button-01.json"},{"name":"button-02","title":"Secondary Button","description":"A secondary button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-02.json","copy_url":"https://shadcnui-blocks.com/r/button-02.json"},{"name":"button-03","title":"Destructive Button","description":"A destructive button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-03.json","copy_url":"https://shadcnui-blocks.com/r/button-03.json"},{"name":"button-04","title":"Outline Button","description":"An outline button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-04.json","copy_url":"https://shadcnui-blocks.com/r/button-04.json"},{"name":"button-08","title":"Ghost Button","description":"A ghost button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-08.json","copy_url":"https://shadcnui-blocks.com/r/button-08.json"},{"name":"button-17","title":"Full Width Button","description":"A full width button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-17.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-17.json","copy_url":"https://shadcnui-blocks.com/r/button-17.json"},{"name":"button-18","title":"Button Group","description":"A button group component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-18.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-18.json","copy_url":"https://shadcnui-blocks.com/r/button-18.json"},{"name":"button-19","title":"Button Group 2","description":"Another button group component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-19.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-19.json","copy_url":"https://shadcnui-blocks.com/r/button-19.json"},{"name":"button-22","title":"Button with Tooltip","description":"A button with tooltip component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-22.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-22.json","copy_url":"https://shadcnui-blocks.com/r/button-22.json"},{"name":"button-16","title":"Theme Toggle Button","description":"A theme toggle button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-16.json","copy_url":"https://shadcnui-blocks.com/r/button-16.json"},{"name":"button-20","title":"Copy Button","description":"A copy button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-20.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-20.json","copy_url":"https://shadcnui-blocks.com/r/button-20.json"},{"name":"button-14","title":"Rounded Button","description":"A rounded button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-14.json","copy_url":"https://shadcnui-blocks.com/r/button-14.json"},{"name":"button-15","title":"Toggle Button","description":"A toggle button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-15.json","copy_url":"https://shadcnui-blocks.com/r/button-15.json"},{"name":"button-11","title":"Social Button","description":"A social button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-11.json","copy_url":"https://shadcnui-blocks.com/r/button-11.json"},{"name":"button-12","title":"Social Login Button","description":"A social login button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-12.json","copy_url":"https://shadcnui-blocks.com/r/button-12.json"},{"name":"button-07","title":"Split Button","description":"A split button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-07.json","copy_url":"https://shadcnui-blocks.com/r/button-07.json"},{"name":"button-06","title":"Loading Button","description":"A loading button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-06.json","copy_url":"https://shadcnui-blocks.com/r/button-06.json"},{"name":"button-09","title":"Gradient Button","description":"A gradient button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-09.json","copy_url":"https://shadcnui-blocks.com/r/button-09.json"},{"name":"button-05","title":"Icon Button","description":"An icon button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-05.json","copy_url":"https://shadcnui-blocks.com/r/button-05.json"},{"name":"button-13","title":"Neon Button","description":"A neon button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-13.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-23.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-23.json","copy_url":"https://shadcnui-blocks.com/r/button-23.json"},{"name":"button-10","title":"Link Button","description":"A link button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-10.json","copy_url":"https://shadcnui-blocks.com/r/button-10.json"},{"name":"button-21","title":"Button with Badge","description":"A button with badge component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/button-21.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-21.json","copy_url":"https://shadcnui-blocks.com/r/button-21.json"},{"name":"card-01","title":"Default Card","description":"A default card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-01.json","copy_url":"https://shadcnui-blocks.com/r/card-01.json"},{"name":"card-02","title":"Card with Background","description":"A card with background component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-02.json","copy_url":"https://shadcnui-blocks.com/r/card-02.json"},{"name":"card-03","title":"Create Account Card","description":"A create account card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-03.json","copy_url":"https://shadcnui-blocks.com/r/card-03.json"},{"name":"card-07","title":"Product Card","description":"A product card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-07.json","copy_url":"https://shadcnui-blocks.com/r/card-07.json"},{"name":"card-04","title":"Banner Card","description":"A banner card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-04.json","copy_url":"https://shadcnui-blocks.com/r/card-04.json"},{"name":"card-05","title":"Pricing Card","description":"A pricing card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-05.json","copy_url":"https://shadcnui-blocks.com/r/card-05.json"},{"name":"card-08","title":"Testimonial Card","description":"A testimonial card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-08.json","copy_url":"https://shadcnui-blocks.com/r/card-08.json"},{"name":"card-06","title":"Post Card","description":"A post card component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/card-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-06.json","copy_url":"https://shadcnui-blocks.com/r/card-06.json"},{"name":"checkbox-02","title":"Disabled Checkbox","description":"A disabled checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-02.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-02.json"},{"name":"checkbox-01","title":"Checkbox with Text","description":"A checkbox with text component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-01.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-01.json"},{"name":"checkbox-06","title":"Controlled Checkbox","description":"A controlled checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-06.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-06.json"},{"name":"checkbox-03","title":"Indeterminate Checkbox","description":"An indeterminate checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-03.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-03.json"},{"name":"checkbox-07","title":"Checkbox Colors","description":"Different colors of checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-07.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-07.json"},{"name":"checkbox-08","title":"Checkbox Sizes","description":"Different sizes of checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-08.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-08.json"},{"name":"checkbox-04","title":"Horizontal Checkbox Group","description":"A horizontal checkbox group component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-04.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-04.json"},{"name":"checkbox-09","title":"Icon Checkbox","description":"A checkbox with custom icon component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-09.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-09.json"},{"name":"checkbox-11","title":"Card Checkbox","description":"A card checkbox component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-11.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-10.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-10.json"},{"name":"checkbox-05","title":"Vertical Checkbox Group","description":"A vertical checkbox group component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-05.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-05.json"},{"name":"checkbox-12","title":"Checkbox with Form","description":"A checkbox with form component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-12.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-12.json"},{"name":"checkbox-13","title":"Roles","description":"A roles component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-13.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-13.json"},{"name":"checkbox-14","title":"Countries","description":"A countries component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-14.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-14.json"},{"name":"checkbox-15","title":"Working Days","description":"A working days component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-15.json","copy_url":"https://shadcnui-blocks.com/r/checkbox-15.json"},{"name":"checkbox-16","title":"Notification Settings","description":"A notification settings component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/checkbox-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-16.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/dropdown-menu-08.json"},{"name":"input-01","title":"Default Input","description":"A default input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-01.json","copy_url":"https://shadcnui-blocks.com/r/input-01.json"},{"name":"input-03","title":"Filled Input","description":"A filled input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-03.json","copy_url":"https://shadcnui-blocks.com/r/input-03.json"},{"name":"input-04","title":"Disabled Input","description":"A disabled input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-09.json","copy_url":"https://shadcnui-blocks.com/r/input-09.json"},{"name":"input-11","title":"File Input","description":"A file input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-11.json","copy_url":"https://shadcnui-blocks.com/r/input-11.json"},{"name":"input-12","title":"Dropzone Input","description":"A dropzone input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-12.json","copy_url":"https://shadcnui-blocks.com/r/input-12.json"},{"name":"input-02","title":"Ring Input","description":"A ring input component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-02.json","copy_url":"https://shadcnui-blocks.com/r/input-02.json"},{"name":"input-10","title":"Input with Form","description":"An input with form component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-10.json","copy_url":"https://shadcnui-blocks.com/r/input-10.json"},{"name":"input-06","title":"Input with Button","description":"An input with button component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-06.json","copy_url":"https://shadcnui-blocks.com/r/input-06.json"},{"name":"input-07","title":"Input with Adornment","description":"An input with adornment component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-07.json","copy_url":"https://shadcnui-blocks.com/r/input-07.json"},{"name":"input-05","title":"Input with Label","description":"An input with label component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/input-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-05.json","copy_url":"https://shadcnui-blocks.com/r/input-05.json"},{"name":"breadcrumb-01","title":"Default Breadcrumb","description":"A default breadcrumb component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-01.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-01.json"},{"name":"breadcrumb-05","title":"Breadcrumb with Icon","description":"A breadcrumb with icon component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-05.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-08.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-08.json"},{"name":"breadcrumb-13","title":"Breadcrumb with Dropdown","description":"A breadcrumb with dropdown component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-13.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-10.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-10.json"},{"name":"breadcrumb-14","title":"Collapsed Breadcrumb","description":"A collapsed breadcrumb component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-14.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-14.json"},{"name":"breadcrumb-09","title":"Breadcrumb with Background","description":"A breadcrumb with background component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-09.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-09.json"},{"name":"breadcrumb-11","title":"Tabs Breadcrumb","description":"A tabs breadcrumb component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-11.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-11.json"},{"name":"breadcrumb-12","title":"Tabs Outline Breadcrumb","description":"A tabs outline breadcrumb component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-12.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-12.json"},{"name":"breadcrumb-15","title":"Steps Breadcrumb","description":"A steps breadcrumb component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-15.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-03.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/breadcrumb-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-02.json","copy_url":"https://shadcnui-blocks.com/r/breadcrumb-02.json"},{"name":"carousel-01","title":"Default Carousel","description":"A default carousel component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-01.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-02.json","copy_url":"https://shadcnui-blocks.com/r/carousel-02.json"},{"name":"carousel-03","title":"Vertical Carousel","description":"A vertical orientation carousel","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-03.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-05.json","copy_url":"https://shadcnui-blocks.com/r/carousel-05.json"},{"name":"carousel-06","title":"Carousel with Pagination","description":"A carousel with pagination controls","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-08.json","copy_url":"https://shadcnui-blocks.com/r/carousel-08.json"},{"name":"carousel-09","title":"Carousel with Thumbnails","description":"A carousel with thumbnail navigation","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-09.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-10.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/carousel-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-11.json","copy_url":"https://shadcnui-blocks.com/r/carousel-11.json"},{"name":"collapsible-01","title":"Default Collapsible","description":"A default collapsible component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/collapsible-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-01.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/collapsible-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-02.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/collapsible-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-03.json","copy_url":"https://shadcnui-blocks.com/r/collapsible-03.json"},{"name":"collapsible-04","title":"Filters Collapsible","description":"A collapsible component for filter options","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/collapsible-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/navigation-menu-03.json"},{"name":"pagination-01","title":"Default Pagination","description":"A default pagination component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-01.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-10.json","copy_url":"https://shadcnui-blocks.com/r/pagination-10.json"},{"name":"pagination-05","title":"Pagination with Icon","description":"A pagination component with icons","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-05.json","copy_url":"https://shadcnui-blocks.com/r/pagination-05.json"},{"name":"pagination-07","title":"Bordered Pagination","description":"A pagination component with bordered styling","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-04.json","copy_url":"https://shadcnui-blocks.com/r/pagination-04.json"},{"name":"pagination-08","title":"Tabs Pagination","description":"A pagination component with tabs styling","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-09.json","copy_url":"https://shadcnui-blocks.com/r/pagination-09.json"},{"name":"pagination-11","title":"Numberless Pagination","description":"A pagination component without page numbers","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-11.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-12.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-13.json","copy_url":"https://shadcnui-blocks.com/r/pagination-13.json"},{"name":"pagination-14","title":"Table Pagination","description":"A pagination component designed for tables","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-14.json","copy_url":"https://shadcnui-blocks.com/r/pagination-14.json"},{"name":"pagination-15","title":"Pagination with text","description":"A pagination component with text","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-15.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-02.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/pagination-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-03.json","copy_url":"https://shadcnui-blocks.com/r/pagination-03.json"},{"name":"progress-01","title":"Default Progress","description":"A default linear progress component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-01.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-02.json","copy_url":"https://shadcnui-blocks.com/r/progress-02.json"},{"name":"progress-04","title":"Rounded Progress","description":"A progress component with rounded styling","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-04.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-03.json","copy_url":"https://shadcnui-blocks.com/r/progress-03.json"},{"name":"progress-07","title":"Circular Progress","description":"A circular progress component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-10.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-09.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-11.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-12.json","copy_url":"https://shadcnui-blocks.com/r/progress-12.json"},{"name":"progress-05","title":"Gradient Progress","description":"A progress component with gradient styling","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-05.json","copy_url":"https://shadcnui-blocks.com/r/progress-05.json"},{"name":"progress-06","title":"Animated Progress","description":"A progress component with animation effects","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/progress-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/radio-group-06.json"},{"name":"select-01","title":"Default Select","description":"A default select component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-01.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-06.json","copy_url":"https://shadcnui-blocks.com/r/select-06.json"},{"name":"select-11","title":"Controlled Select","description":"A controlled select component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-11.json","copy_url":"https://shadcnui-blocks.com/r/select-11.json"},{"name":"select-10","title":"Scrollable Select","description":"A select component with scrollable options","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-10.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-09.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-04.json","copy_url":"https://shadcnui-blocks.com/r/select-04.json"},{"name":"select-03","title":"Ghost Select","description":"A select component with ghost styling","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-03.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-05.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-02.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/select-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-07.json","copy_url":"https://shadcnui-blocks.com/r/select-07.json"},{"name":"separator-01","title":"Default Separator","description":"A default separator component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-01.json","copy_url":"https://shadcnui-blocks.com/r/separator-01.json"},{"name":"separator-04","title":"Dashed Separator","description":"A dashed separator component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-04.json","copy_url":"https://shadcnui-blocks.com/r/separator-04.json"},{"name":"separator-05","title":"Vertical Separator","description":"A vertical separator component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-05.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-03.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-06.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/separator-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-02.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://shadcnui-blocks.com/r/separator-with-label-vertical.json"},{"name":"slider-01","title":"Default Slider","description":"A default slider component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-01.json","copy_url":"https://shadcnui-blocks.com/r/slider-01.json"},{"name":"slider-02","title":"Disabled Slider","description":"A disabled slider component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-02.json","copy_url":"https://shadcnui-blocks.com/r/slider-02.json"},{"name":"slider-03","title":"Slider Size","description":"A slider component with different sizes","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-03.json","copy_url":"https://shadcnui-blocks.com/r/slider-03.json"},{"name":"slider-04","title":"Slider Color","description":"A slider component with different colors","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-04.json","copy_url":"https://shadcnui-blocks.com/r/slider-04.json"},{"name":"slider-05","title":"Slider Shape","description":"A slider component with different shapes","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-05.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-06.json","copy_url":"https://shadcnui-blocks.com/r/slider-06.json"},{"name":"slider-13","title":"Vertical Slider","description":"A vertical slider component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-13.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-07.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-08.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-09.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-10.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-11.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-12.json","copy_url":"https://shadcnui-blocks.com/r/slider-12.json"},{"name":"slider-14","title":"Range Slider","description":"A range slider component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-14.json","copy_url":"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","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/slider-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-15.json","copy_url":"https://shadcnui-blocks.com/r/slider-15.json"},{"name":"spinner-01","title":"Default Spinner","description":"A default spinner component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/spinner-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-01.json","copy_url":"https://shadcnui-blocks.com/r/spinner-01.json"},{"name":"spinner-02","title":"Circle Spinner","description":"A circular spinner component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/spinner-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-02.json","copy_url":"https://shadcnui-blocks.com/r/spinner-02.json"},{"name":"spinner-03","title":"Pinwheel Spinner","description":"A pinwheel spinner component","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/spinner-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-03.json","copy_url":"https://shadcnui-blocks.com/r/spinner-03.json"},{"name":"spinner-04","title":"Spinner Colors","description":"A spinner component with different colors","type":"registry:component","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/spinner-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-04.json","copy_url":"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":null,"tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"labels":["pro"],"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.vercel.app/registry/shadcnuikit","markdown":"https://sh4dcn.vercel.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":379,"open_issues":0,"last_commit":"2025-12-19T22:23:33Z"},"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":"chart1","title":"Charts","description":"Chart block with title and single or multi-series data viz.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart1.json","copy_url":"https://shadcnuikit.com/r/chart1.json"},{"name":"chart10","title":"Charts","description":"Chart card with visualization and legend.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart10.json","copy_url":"https://shadcnuikit.com/r/chart10.json"},{"name":"chart11","title":"Charts","description":"Chart with single or multiple series and labels.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart11.json","copy_url":"https://shadcnuikit.com/r/chart11.json"},{"name":"chart12","title":"Charts","description":"Chart block with title and data viz.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart12.json","copy_url":"https://shadcnuikit.com/r/chart12.json"},{"name":"chart13","title":"Charts","description":"Chart layout with axis and series.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart13.json","copy_url":"https://shadcnuikit.com/r/chart13.json"},{"name":"chart14","title":"Charts","description":"Chart with grid background and data display.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart14.json","copy_url":"https://shadcnuikit.com/r/chart14.json"},{"name":"chart15","title":"Charts","description":"Chart card with visualization and optional controls.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart15.json","copy_url":"https://shadcnuikit.com/r/chart15.json"},{"name":"chart16","title":"Charts","description":"Chart with title and legend.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart16.json","copy_url":"https://shadcnuikit.com/r/chart16.json"},{"name":"chart17","title":"Charts","description":"Data chart with axis and series.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart17.json","copy_url":"https://shadcnuikit.com/r/chart17.json"},{"name":"chart18","title":"Charts","description":"Chart block for dashboard metrics.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart18.json","copy_url":"https://shadcnuikit.com/r/chart18.json"},{"name":"chart19","title":"Charts","description":"Chart with visualization and optional subtitle.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart19.json","copy_url":"https://shadcnuikit.com/r/chart19.json"},{"name":"chart2","title":"Charts","description":"Chart card with legend and optional timeframe.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart2.json","copy_url":"https://shadcnuikit.com/r/chart2.json"},{"name":"chart20","title":"Charts","description":"Chart card with title and data viz.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart20.json","copy_url":"https://shadcnuikit.com/r/chart20.json"},{"name":"chart3","title":"Charts","description":"Dashboard chart with axis labels and data series.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart3.json","copy_url":"https://shadcnuikit.com/r/chart3.json"},{"name":"chart4","title":"Charts","description":"Chart layout with title and visualization.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart4.json","copy_url":"https://shadcnuikit.com/r/chart4.json"},{"name":"chart5","title":"Charts","description":"Chart with grid or card wrapper and optional controls.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart5.json","copy_url":"https://shadcnuikit.com/r/chart5.json"},{"name":"chart6","title":"Charts","description":"Data chart with legend and axis.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart6.json","copy_url":"https://shadcnuikit.com/r/chart6.json"},{"name":"chart7","title":"Charts","description":"Chart block for line, bar, or area visualization.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart7.json","copy_url":"https://shadcnuikit.com/r/chart7.json"},{"name":"chart8","title":"Charts","description":"Chart with title and data display.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart8.json","copy_url":"https://shadcnuikit.com/r/chart8.json"},{"name":"chart9","title":"Charts","description":"Dashboard chart with optional subtitle or filters.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart9.json","copy_url":"https://shadcnuikit.com/r/chart9.json"},{"name":"form-layout1","title":"Form layouts","description":"Form with grouped fields, labels, and submit area.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/form-layout1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout1.json","copy_url":"https://shadcnuikit.com/r/form-layout1.json"},{"name":"form-layout2","title":"Form layouts","description":"Form layout with columns or sections and actions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/form-layout2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout2.json","copy_url":"https://shadcnuikit.com/r/form-layout2.json"},{"name":"dashboard-modal1","title":"Modal dialogs","description":"Modal with title, content area, and action buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal1.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal1.json"},{"name":"dashboard-modal2","title":"Modal dialogs","description":"Dialog layout with header, body, and footer actions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal2.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal2.json"},{"name":"dashboard-modal3","title":"Modal dialogs","description":"Modal or dialog with form or confirmation content.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal3.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal3.json"},{"name":"dashboard-modal4","title":"Modal dialogs","description":"Share dialog for managing member access and roles.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal4.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal4.json"},{"name":"dashboard-modal5","title":"Modal dialogs","description":"Account switcher dialog with selectable account list.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal5.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal5.json"},{"name":"dashboard-modal6","title":"Modal dialogs","description":"Multi-step onboarding dialog with radio and checkbox fields.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal6.json","copy_url":"https://shadcnuikit.com/r/dashboard-modal6.json"},{"name":"dashboard-page-layout1","title":"Page layouts","description":"Dashboard page with header and main content area.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout1.json","copy_url":"https://shadcnuikit.com/r/dashboard-page-layout1.json"},{"name":"dashboard-page-layout2","title":"Page layouts","description":"Page layout with sidebar, top bar, and content.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout2.json","copy_url":"https://shadcnuikit.com/r/dashboard-page-layout2.json"},{"name":"dashboard-page-layout3","title":"Page layouts","description":"Full page structure with nav and content region.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout3.json","copy_url":"https://shadcnuikit.com/r/dashboard-page-layout3.json"},{"name":"sidebar-layout","title":"Sidebar layouts","description":"Layout with collapsible sidebar and main content area.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/sidebar-layout.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/sidebar-layout.json","copy_url":"https://shadcnuikit.com/r/sidebar-layout.json"},{"name":"signin-form1","title":"Sign in forms","description":"Login form with email, password, and submit button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form1.json","copy_url":"https://shadcnuikit.com/r/signin-form1.json"},{"name":"signin-form2","title":"Sign in forms","description":"Sign-in layout with fields and optional social or link.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form2.json","copy_url":"https://shadcnuikit.com/r/signin-form2.json"},{"name":"signin-form3","title":"Sign in forms","description":"Login form with card layout and primary CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form3.json","copy_url":"https://shadcnuikit.com/r/signin-form3.json"},{"name":"stat-card1","title":"Stat cards","description":"Card with metric value, label, and optional trend.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card1.json","copy_url":"https://shadcnuikit.com/r/stat-card1.json"},{"name":"stat-card2","title":"Stat cards","description":"Stat card with number, subtitle, and optional icon.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card2.json","copy_url":"https://shadcnuikit.com/r/stat-card2.json"},{"name":"stat-card3","title":"Stat cards","description":"Metric card with value and label in a compact layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card3.json","copy_url":"https://shadcnuikit.com/r/stat-card3.json"},{"name":"stat-card4","title":"Stat cards","description":"Stat block with headline number and description.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card4.json","copy_url":"https://shadcnuikit.com/r/stat-card4.json"},{"name":"stat-card5","title":"Stat cards","description":"Card showing a KPI with optional sparkline or icon.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card5.json","copy_url":"https://shadcnuikit.com/r/stat-card5.json"},{"name":"stat-card6","title":"Stat cards","description":"Metric card with value, label, and styling.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card6.json","copy_url":"https://shadcnuikit.com/r/stat-card6.json"},{"name":"stat-card7","title":"Stat cards","description":"Stat card with number and subtitle.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card7.json","copy_url":"https://shadcnuikit.com/r/stat-card7.json"},{"name":"stat-card8","title":"Stat cards","description":"Dashboard stat block with value and optional trend.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card8.json","copy_url":"https://shadcnuikit.com/r/stat-card8.json"},{"name":"table","title":"Tables","description":"Data table with columns, rows, and optional actions or badges.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/table.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/table.json","copy_url":"https://shadcnuikit.com/r/table.json"},{"name":"checkout1","title":"Checkout page","description":"Checkout page with product list, shipping options, payment methods, and order summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/checkout1.json","copy_url":"https://shadcnuikit.com/r/checkout1.json"},{"name":"checkout2","title":"Checkout page","description":"Checkout page with product list, shipping options, payment methods, and order summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/checkout2.json","copy_url":"https://shadcnuikit.com/r/checkout2.json"},{"name":"checkout3","title":"Checkout page","description":"Checkout page with product list, shipping options, payment methods, and order summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/checkout3.json","copy_url":"https://shadcnuikit.com/r/checkout3.json"},{"name":"checkout4","title":"Checkout page","description":"Checkout page with product list, shipping options, payment methods, and order summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/checkout4.json","copy_url":"https://shadcnuikit.com/r/checkout4.json"},{"name":"checkout5","title":"Checkout page","description":"Checkout page with product list, shipping options, payment methods, and order summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/checkout5.json","copy_url":"https://shadcnuikit.com/r/checkout5.json"},{"name":"customer-reviews1","title":"Customer reviews","description":"Two-column section with heading and CTA on the left and three stacked, color-coded review cards with avatars on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews1.json","copy_url":"https://shadcnuikit.com/r/customer-reviews1.json"},{"name":"customer-reviews2","title":"Customer reviews","description":"Compact review summary card with average star rating, total count, and a per-star percentage breakdown with progress bars.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews2.json","copy_url":"https://shadcnuikit.com/r/customer-reviews2.json"},{"name":"customer-reviews3","title":"Customer reviews","description":"Full review listing with average score, product image thumbnails, sort dropdown, review cards with thumbs up/down, and pagination.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews3.json","copy_url":"https://shadcnuikit.com/r/customer-reviews3.json"},{"name":"customer-reviews4","title":"Customer reviews","description":"Two-column layout with a searchable, filterable review list on the left and a rating summary with breakdown bars on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews4.json","copy_url":"https://shadcnuikit.com/r/customer-reviews4.json"},{"name":"customer-reviews5","title":"Customer reviews","description":"Single review card with avatar, star rating, title, body text, verified badge, photo thumbnails, and helpful/unhelpful vote buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews5.json","copy_url":"https://shadcnuikit.com/r/customer-reviews5.json"},{"name":"customer-reviews6","title":"Customer reviews","description":"Reviews dashboard with total count, average rating, mini distribution chart, and a list of review cards with comment, message, and like actions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews6.json","copy_url":"https://shadcnuikit.com/r/customer-reviews6.json"},{"name":"customer-reviews7","title":"Customer reviews","description":"Dark navy carousel section with heading, arrow navigation, and review cards showing avatar, name, stars, and text. Snap-scroll on mobile.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews7.json","copy_url":"https://shadcnuikit.com/r/customer-reviews7.json"},{"name":"customer-reviews8","title":"Customer reviews","description":"Two-column layout with a sidebar showing rating breakdown and customer preference votes, and a main panel with a studio banner and detailed review cards.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews8.json","copy_url":"https://shadcnuikit.com/r/customer-reviews8.json"},{"name":"customer-reviews9","title":"Customer reviews","description":"Review summary with rating bars, customer photo grid with lightbox carousel, and a comment card carousel with avatar, stars, and text.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/customer-reviews9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews9.json","copy_url":"https://shadcnuikit.com/r/customer-reviews9.json"},{"name":"product-cards1","title":"Product cards","description":"Clean product card grid with image, color swatches, star rating, wishlist toggle, and price.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards1.json","copy_url":"https://shadcnuikit.com/r/product-cards1.json"},{"name":"product-cards10","title":"Product cards","description":"Cart summary card with product thumbnail, size, quantity, wishlist toggle, estimated total, and Shop Now action button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards10.json","copy_url":"https://shadcnuikit.com/r/product-cards10.json"},{"name":"product-cards11","title":"Product cards","description":"Skincare product card with hover interaction: default shows product on white, hover reveals lifestyle photo with Add to Cart button and size selector.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards11.json","copy_url":"https://shadcnuikit.com/r/product-cards11.json"},{"name":"product-cards2","title":"Product cards","description":"Mobile-style product card with badge, wishlist button, image carousel dots, brand label, and Buy Now CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards2.json","copy_url":"https://shadcnuikit.com/r/product-cards2.json"},{"name":"product-cards3","title":"Product cards","description":"Single product card with badge, wishlist toggle, dot indicators, brand label, and Buy Now button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards3.json","copy_url":"https://shadcnuikit.com/r/product-cards3.json"},{"name":"product-cards4","title":"Product cards","description":"Horizontal product card with image on the left, star rating, Quick View button, description, and color swatches.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards4.json","copy_url":"https://shadcnuikit.com/r/product-cards4.json"},{"name":"product-cards5","title":"Product cards","description":"Product card with discount badge, action buttons, live countdown timer, and strikethrough pricing.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards5.json","copy_url":"https://shadcnuikit.com/r/product-cards5.json"},{"name":"product-cards6","title":"Product cards","description":"Minimal skincare product card with warm cream palette, serif heading, italic description, and dark Add to Cart button with inline price.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards6.json","copy_url":"https://shadcnuikit.com/r/product-cards6.json"},{"name":"product-cards7","title":"Product cards","description":"Full-bleed product card where the image is the background, with overlaid star rating, wishlist, name, price, and cart button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards7.json","copy_url":"https://shadcnuikit.com/r/product-cards7.json"},{"name":"product-cards8","title":"Product cards","description":"Real estate investment listing card with property image, active badge, features row, and token price/IRR/APR metrics.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards8.json","copy_url":"https://shadcnuikit.com/r/product-cards8.json"},{"name":"product-cards9","title":"Product cards","description":"Real estate listing card with full-bleed photo and frosted glass overlay showing price range, address, features, and star rating.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-cards9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-cards9.json","copy_url":"https://shadcnuikit.com/r/product-cards9.json"},{"name":"product-category1","title":"Product category","description":"Category section with products in a grid or list.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category1.json","copy_url":"https://shadcnuikit.com/r/product-category1.json"},{"name":"product-category2","title":"Product category","description":"Category block with headline and product cards.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category2.json","copy_url":"https://shadcnuikit.com/r/product-category2.json"},{"name":"product-category3","title":"Product category","description":"Category layout with filters or tabs and product grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category3.json","copy_url":"https://shadcnuikit.com/r/product-category3.json"},{"name":"product-category4","title":"Product category","description":"Category page section with products and optional sidebar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category4.json","copy_url":"https://shadcnuikit.com/r/product-category4.json"},{"name":"product-category5","title":"Product category","description":"Editorial grid layout with a featured collection panel and two stacked category tiles.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category5.json","copy_url":"https://shadcnuikit.com/r/product-category5.json"},{"name":"product-category6","title":"Product category","description":"Full-width hero banner with interactive product hotspots and a membership CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category6.json","copy_url":"https://shadcnuikit.com/r/product-category6.json"},{"name":"product-category7","title":"Product category","description":"Alternating split-panel layout with bold typographic headings and product imagery.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category7.json","copy_url":"https://shadcnuikit.com/r/product-category7.json"},{"name":"product-category8","title":"Product category","description":"Three-column editorial layout with flanking model images and centered text content.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category8.json","copy_url":"https://shadcnuikit.com/r/product-category8.json"},{"name":"product-category9","title":"Product category","description":"Room category grid alternating between image tiles and text-only cells in a checkerboard pattern.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-category9.json","copy_url":"https://shadcnuikit.com/r/product-category9.json"},{"name":"product-details1","title":"Product details","description":"Product page with image gallery, title, price, and add-to-cart.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details1.json","copy_url":"https://shadcnuikit.com/r/product-details1.json"},{"name":"product-details2","title":"Product details","description":"Detail layout with main image, specs, and purchase CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details2.json","copy_url":"https://shadcnuikit.com/r/product-details2.json"},{"name":"product-details3","title":"Product details","description":"Product view with gallery, description, and options.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details3.json","copy_url":"https://shadcnuikit.com/r/product-details3.json"},{"name":"product-details4","title":"Product details","description":"Detail section with images and key info side by side.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details4.json","copy_url":"https://shadcnuikit.com/r/product-details4.json"},{"name":"product-details5","title":"Product details","description":"Product block with image, price, variants, and CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details5.json","copy_url":"https://shadcnuikit.com/r/product-details5.json"},{"name":"product-details6","title":"Product details","description":"Layout with product images and details column.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details6.json","copy_url":"https://shadcnuikit.com/r/product-details6.json"},{"name":"product-details7","title":"Product details","description":"Product detail with gallery, specs, and add-to-cart.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-details7.json","copy_url":"https://shadcnuikit.com/r/product-details7.json"},{"name":"product-features1","title":"Product features","description":"Section highlighting product features with icons or bullets.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-features1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-features1.json","copy_url":"https://shadcnuikit.com/r/product-features1.json"},{"name":"product-features2","title":"Product features","description":"Product benefits or specs in a list or grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-features2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-features2.json","copy_url":"https://shadcnuikit.com/r/product-features2.json"},{"name":"product-list1","title":"Product list","description":"List of product cards with image, title, price, and action.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list1.json","copy_url":"https://shadcnuikit.com/r/product-list1.json"},{"name":"product-list2","title":"Product list","description":"Product list layout with thumbnails and key details.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list2.json","copy_url":"https://shadcnuikit.com/r/product-list2.json"},{"name":"product-list3","title":"Product list","description":"Grid or list of products with image and info.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list3.json","copy_url":"https://shadcnuikit.com/r/product-list3.json"},{"name":"product-list4","title":"Product list","description":"Product listing with cards and optional filters.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list4.json","copy_url":"https://shadcnuikit.com/r/product-list4.json"},{"name":"product-list5","title":"Product list","description":"Product rows or cards with price and CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list5.json","copy_url":"https://shadcnuikit.com/r/product-list5.json"},{"name":"product-list6","title":"Product list","description":"Product list section with consistent card layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list6.json","copy_url":"https://shadcnuikit.com/r/product-list6.json"},{"name":"product-list7","title":"Product list","description":"Listing of products with image, title, and actions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list7.json","copy_url":"https://shadcnuikit.com/r/product-list7.json"},{"name":"product-list8","title":"Product list","description":"Product grid or list with thumbnail and details.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-list8.json","copy_url":"https://shadcnuikit.com/r/product-list8.json"},{"name":"product-quickview1","title":"Product quickviews","description":"Quickview dialog or panel with product image, title, price, and CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-quickview1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-quickview1.json","copy_url":"https://shadcnuikit.com/r/product-quickview1.json"},{"name":"product-quickview2","title":"Product quickviews","description":"Compact product preview in a modal or drawer.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-quickview2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/product-quickview2.json","copy_url":"https://shadcnuikit.com/r/product-quickview2.json"},{"name":"promo-section","title":"Promo sections","description":"Promo block with headline, copy, and CTA or offer highlight.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/promo-section.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/promo-section.json","copy_url":"https://shadcnuikit.com/r/promo-section.json"},{"name":"shopping-cart1","title":"Shopping cart","description":"Shopping cart block with product list, total, and checkout button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/shopping-cart1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart1.json","copy_url":"https://shadcnuikit.com/r/shopping-cart1.json"},{"name":"shopping-cart2","title":"Shopping cart","description":"Shopping cart block with product list, total, and checkout button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/shopping-cart2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart2.json","copy_url":"https://shadcnuikit.com/r/shopping-cart2.json"},{"name":"shopping-cart3","title":"Shopping cart","description":"Cart UI with coupons, gift wrap, and a price details summary.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/shopping-cart3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart3.json","copy_url":"https://shadcnuikit.com/r/shopping-cart3.json"},{"name":"shopping-cart4","title":"Shopping cart","description":"Shopping bag sheet with compact item list and totals.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/shopping-cart4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart4.json","copy_url":"https://shadcnuikit.com/r/shopping-cart4.json"},{"name":"store-navigation","title":"Store navigation","description":"Store nav with categories or links for browsing products.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/store-navigation.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/store-navigation.json","copy_url":"https://shadcnuikit.com/r/store-navigation.json"},{"name":"changelog1","title":"Changelog page","description":"Changelog with sidebar search and filters, and dated entries with author avatars.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/changelog1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/changelog1.json","copy_url":"https://shadcnuikit.com/r/changelog1.json"},{"name":"changelog2","title":"Changelog page","description":"Changelog layout with list of releases and expandable or linkable items.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/changelog2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/changelog2.json","copy_url":"https://shadcnuikit.com/r/changelog2.json"},{"name":"changelog3","title":"Changelog page","description":"Simple changelog list with dates, titles, and short descriptions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/changelog3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/changelog3.json","copy_url":"https://shadcnuikit.com/r/changelog3.json"},{"name":"changelog4","title":"Changelog page","description":"Changelog page with timeline or grouped entries and optional sidebar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/changelog4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/changelog4.json","copy_url":"https://shadcnuikit.com/r/changelog4.json"},{"name":"contact1","title":"Contact us","description":"Two-column contact section with an interactive map on the left and booking, call, and directions cards on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact1.json","copy_url":"https://shadcnuikit.com/r/contact1.json"},{"name":"contact10","title":"Contact us","description":"Minimal three-row contact section with section labels, separated by dividers, showing email, address, social links, and phone in a clean grid layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact10.json","copy_url":"https://shadcnuikit.com/r/contact10.json"},{"name":"contact11","title":"Contact us","description":"Two-column contact section with large watermark heading, feature checklist and social icons on the left, contact form on the right, and three info cards at the…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact11.json","copy_url":"https://shadcnuikit.com/r/contact11.json"},{"name":"contact12","title":"Contact us","description":"Full-bleed background image contact section with a dark overlay, large heading and info grid on the left, and a white form card with inquiry type pills and sub…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact12.json","copy_url":"https://shadcnuikit.com/r/contact12.json"},{"name":"contact13","title":"Contact us","description":"Centered contact section with a dotted world map SVG showing global office markers and a Melbourne tooltip, below which are four channel cards for sales, suppo…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact13.json","copy_url":"https://shadcnuikit.com/r/contact13.json"},{"name":"contact2","title":"Contact us","description":"Two-column contact section with large heading, description, and trusted brand logos on the left, and a form card with name, email, company, and message fields …","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact2.json","copy_url":"https://shadcnuikit.com/r/contact2.json"},{"name":"contact3","title":"Contact us","description":"Three-column contact section with heading on the left, an underline-style form card in the center, and contact info blocks on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact3.json","copy_url":"https://shadcnuikit.com/r/contact3.json"},{"name":"contact4","title":"Contact us","description":"Full-bleed background image contact section with a floating form card featuring underline inputs, privacy checkbox, and a rounded send button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact4.json","copy_url":"https://shadcnuikit.com/r/contact4.json"},{"name":"contact5","title":"Contact us","description":"Three-column contact section with large heading on the left, stacked contact groups in the center and right, and social links beside a wide image at the bottom.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact5.json","copy_url":"https://shadcnuikit.com/r/contact5.json"},{"name":"contact6","title":"Contact us","description":"Two-column contact section with a full-height portrait image on the left and a contact form with first/last name, email, message fields, send button, and an in…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact6.json","copy_url":"https://shadcnuikit.com/r/contact6.json"},{"name":"contact7","title":"Contact us","description":"Three-part contact section with heading and address/contact info cards on top, a full-width interactive map with Get Directions button, and a Request a Demo fo…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact7.json","copy_url":"https://shadcnuikit.com/r/contact7.json"},{"name":"contact8","title":"Contact us","description":"Two-column contact section with a form card on the left and direct contact info, interactive map, and office address card on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact8.json","copy_url":"https://shadcnuikit.com/r/contact8.json"},{"name":"contact9","title":"Contact us","description":"Warm-background contact section with centered heading, three channel cards (chat, email, phone) with colored icon circles, and a footer availability note.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/contact9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/contact9.json","copy_url":"https://shadcnuikit.com/r/contact9.json"},{"name":"cta1","title":"Cta sections","description":"CTA block with headline, short text, and one button on a gradient background.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta1.json","copy_url":"https://shadcnuikit.com/r/cta1.json"},{"name":"cta10","title":"Cta sections","description":"CTA block with emphasis headline and single or dual buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta10.json","copy_url":"https://shadcnuikit.com/r/cta10.json"},{"name":"cta11","title":"Cta sections","description":"Two-column CTA with inline expert avatars in heading, description, lime call button, and service cards with arrow links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta11.json","copy_url":"https://shadcnuikit.com/r/cta11.json"},{"name":"cta2","title":"Cta sections","description":"Centered CTA with headline, text, and two buttons over a grid pattern.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta2.json","copy_url":"https://shadcnuikit.com/r/cta2.json"},{"name":"cta3","title":"Cta sections","description":"CTA section with headline, supporting copy, and primary button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta3.json","copy_url":"https://shadcnuikit.com/r/cta3.json"},{"name":"cta4","title":"Cta sections","description":"Compact CTA with headline and call-to-action button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta4.json","copy_url":"https://shadcnuikit.com/r/cta4.json"},{"name":"cta5","title":"Cta sections","description":"CTA block with headline, description, and button group.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta5.json","copy_url":"https://shadcnuikit.com/r/cta5.json"},{"name":"cta6","title":"Cta sections","description":"Section with headline, subtext, and one or more CTA buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta6.json","copy_url":"https://shadcnuikit.com/r/cta6.json"},{"name":"cta7","title":"Cta sections","description":"CTA layout with centered or split headline and buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta7.json","copy_url":"https://shadcnuikit.com/r/cta7.json"},{"name":"cta8","title":"Cta sections","description":"Simple CTA with headline, short text, and primary action.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta8.json","copy_url":"https://shadcnuikit.com/r/cta8.json"},{"name":"cta9","title":"Cta sections","description":"CTA with headline, supporting copy, and button row.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/cta9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/cta9.json","copy_url":"https://shadcnuikit.com/r/cta9.json"},{"name":"faq1","title":"Faqs","description":"Centered FAQ section with a label, headline, description, and accordion list of questions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq1.json","copy_url":"https://shadcnuikit.com/r/faq1.json"},{"name":"faq10","title":"Faqs","description":"Bordered card FAQ with FAQ badge, heading, avatar group on the left, and a plus/x accordion on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq10.json","copy_url":"https://shadcnuikit.com/r/faq10.json"},{"name":"faq2","title":"Faqs","description":"Two-column FAQ section with label, bold heading, and description on the left, and an accordion list on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq2.json","copy_url":"https://shadcnuikit.com/r/faq2.json"},{"name":"faq3","title":"Faqs","description":"Centered FAQ section with a category sidebar, accordion questions, and a contact support card at the bottom.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq3.json","copy_url":"https://shadcnuikit.com/r/faq3.json"},{"name":"faq4","title":"Faqs","description":"Two-column FAQ with a large heading and contact button on the left, and a circle-icon accordion on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq4.json","copy_url":"https://shadcnuikit.com/r/faq4.json"},{"name":"faq5","title":"Faqs","description":"Grid FAQ section with a badge, heading, description, 3-column Q&A grid, and a contact CTA bar at the bottom.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq5.json","copy_url":"https://shadcnuikit.com/r/faq5.json"},{"name":"faq6","title":"Faqs","description":"Tab-filtered FAQ with bordered accordion cards and a Book a free call CTA at the bottom.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq6.json","copy_url":"https://shadcnuikit.com/r/faq6.json"},{"name":"faq7","title":"Faqs","description":"Editorial minimal FAQ with uppercase questions, answer revealed in right column, and italic serif FAQ's heading.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq7.json","copy_url":"https://shadcnuikit.com/r/faq7.json"},{"name":"faq8","title":"Faqs","description":"Two-column FAQ with avatar, booking CTA on the left, and a bordered accordion list on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq8.json","copy_url":"https://shadcnuikit.com/r/faq8.json"},{"name":"faq9","title":"Faqs","description":"Two-column FAQ with bold heading on the left, accordion list, and a full-height image on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/faq9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/faq9.json","copy_url":"https://shadcnuikit.com/r/faq9.json"},{"name":"feature1","title":"Feature sections","description":"Grid of feature cards with icons, title, and short description.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature1.json","copy_url":"https://shadcnuikit.com/r/feature1.json"},{"name":"feature10","title":"Feature sections","description":"Section with feature list and supporting headline.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature10.json","copy_url":"https://shadcnuikit.com/r/feature10.json"},{"name":"feature11","title":"Feature sections","description":"Feature grid or list with icons and descriptions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature11.json","copy_url":"https://shadcnuikit.com/r/feature11.json"},{"name":"feature12","title":"Feature sections","description":"Feature cards with icon, title, and copy in a structured layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature12.json","copy_url":"https://shadcnuikit.com/r/feature12.json"},{"name":"feature13","title":"Feature sections","description":"Feature section with alternating or grid layout and visuals.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature13.json","copy_url":"https://shadcnuikit.com/r/feature13.json"},{"name":"feature2","title":"Feature sections","description":"Feature block with headline and icon-plus-text cards in a grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature2.json","copy_url":"https://shadcnuikit.com/r/feature2.json"},{"name":"feature3","title":"Feature sections","description":"Section with feature list or cards and optional image or illustration.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature3.json","copy_url":"https://shadcnuikit.com/r/feature3.json"},{"name":"feature4","title":"Feature sections","description":"Features in a row or grid with icons and descriptions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature4.json","copy_url":"https://shadcnuikit.com/r/feature4.json"},{"name":"feature5","title":"Feature sections","description":"Two-column or alternating layout for features with copy and visual.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature5.json","copy_url":"https://shadcnuikit.com/r/feature5.json"},{"name":"feature6","title":"Feature sections","description":"Feature grid with icon, title, and body text per item.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature6.json","copy_url":"https://shadcnuikit.com/r/feature6.json"},{"name":"feature7","title":"Feature sections","description":"Feature section with headline and card or list layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature7.json","copy_url":"https://shadcnuikit.com/r/feature7.json"},{"name":"feature8","title":"Feature sections","description":"Layout highlighting multiple features with icons and short text.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature8.json","copy_url":"https://shadcnuikit.com/r/feature8.json"},{"name":"feature9","title":"Feature sections","description":"Feature blocks with optional numbering or badges.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/feature9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/feature9.json","copy_url":"https://shadcnuikit.com/r/feature9.json"},{"name":"footer1","title":"Footers","description":"Footer with link columns, logo, and optional newsletter or social links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer1.json","copy_url":"https://shadcnuikit.com/r/footer1.json"},{"name":"footer10","title":"Footers","description":"Dark purple CTA footer with gradient swirl background, italic serif heading, two action buttons, and a slim translucent bottom nav bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer10.json","copy_url":"https://shadcnuikit.com/r/footer10.json"},{"name":"footer11","title":"Footers","description":"Luxury footer with dark hero panel, cream contact section with Visit/Write/Call rows, newsletter signup, and pipe-separated nav bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer11.json","copy_url":"https://shadcnuikit.com/r/footer11.json"},{"name":"footer12","title":"Footers","description":"Full blue footer with large CTA headline, outlined pill button, brand column with social icons, and three-column nav links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer12.json","copy_url":"https://shadcnuikit.com/r/footer12.json"},{"name":"footer2","title":"Footers","description":"Multi-column footer with nav links and bottom bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer2.json","copy_url":"https://shadcnuikit.com/r/footer2.json"},{"name":"footer3","title":"Footers","description":"Compact or full footer with links and copyright.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer3.json","copy_url":"https://shadcnuikit.com/r/footer3.json"},{"name":"footer4","title":"Footers","description":"Footer layout with columns and optional CTA or form.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer4.json","copy_url":"https://shadcnuikit.com/r/footer4.json"},{"name":"footer5","title":"Footers","description":"Footer with nav groups, social icons, and legal links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer5.json","copy_url":"https://shadcnuikit.com/r/footer5.json"},{"name":"footer6","title":"Footers","description":"Dark footer with newsletter signup card, brand column, nav groups, social icons, and scroll-to-top button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer6.json","copy_url":"https://shadcnuikit.com/r/footer6.json"},{"name":"footer7","title":"Footers","description":"Dark green footer with serif headings, pill CTA, contact column, two-column quick links, and diamond-separated bottom bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer7.json","copy_url":"https://shadcnuikit.com/r/footer7.json"},{"name":"footer8","title":"Footers","description":"Light footer with centered CTA section above a card containing brand, nav columns, social icons, and bottom credits bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer8.json","copy_url":"https://shadcnuikit.com/r/footer8.json"},{"name":"footer9","title":"Footers","description":"Minimal white footer with large bold nav links, social links with arrow icons and dividers, and a slim bottom bar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/footer9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/footer9.json","copy_url":"https://shadcnuikit.com/r/footer9.json"},{"name":"hero1","title":"Hero sections","description":"Centered hero with a small announcement badge, headline, short text, and two buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero1.json","copy_url":"https://shadcnuikit.com/r/hero1.json"},{"name":"hero10","title":"Hero sections","description":"Centered hero with badge, headline, one CTA, and a full-width screenshot below.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero10.json","copy_url":"https://shadcnuikit.com/r/hero10.json"},{"name":"hero11","title":"Hero sections","description":"Dark gradient hero with glass nav, centered content, and a horizontal photo marquee.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero11.json","copy_url":"https://shadcnuikit.com/r/hero11.json"},{"name":"hero12","title":"Hero sections","description":"Centered hero with avatars and stars, headline, two buttons, and a brand logo strip.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero12.json","copy_url":"https://shadcnuikit.com/r/hero12.json"},{"name":"hero13","title":"Hero sections","description":"Two-column hero with badge, headline, and buttons on the left and vertical image marquees on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero13.json","copy_url":"https://shadcnuikit.com/r/hero13.json"},{"name":"hero14","title":"Hero sections","description":"Full-screen image hero with dark overlay, nav, and headline with one CTA at bottom left.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero14.json","copy_url":"https://shadcnuikit.com/r/hero14.json"},{"name":"hero2","title":"Hero sections","description":"Centered hero with badge, headline, two buttons, and a row of avatars with star rating.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero2.json","copy_url":"https://shadcnuikit.com/r/hero2.json"},{"name":"hero3","title":"Hero sections","description":"Centered hero with a version badge, headline with one highlighted word, and two buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero3.json","copy_url":"https://shadcnuikit.com/r/hero3.json"},{"name":"hero4","title":"Hero sections","description":"Full-height hero with gradient, nav, centered headline, prompt input, and suggestion chips.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero4.json","copy_url":"https://shadcnuikit.com/r/hero4.json"},{"name":"hero5","title":"Hero sections","description":"Two-column hero: left side text with badge and buttons, right side grid of cards and avatars.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero5.json","copy_url":"https://shadcnuikit.com/r/hero5.json"},{"name":"hero6","title":"Hero sections","description":"Two-column hero with badge and headline on the left, product image grid on the right, and stats below.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero6.json","copy_url":"https://shadcnuikit.com/r/hero6.json"},{"name":"hero7","title":"Hero sections","description":"Two-column hero with headline and email signup on the left, animated icon orbits on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero7.json","copy_url":"https://shadcnuikit.com/r/hero7.json"},{"name":"hero8","title":"Hero sections","description":"Centered hero with pill-shaped nav, badge, headline, two buttons, and a stat cards grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero8.json","copy_url":"https://shadcnuikit.com/r/hero8.json"},{"name":"hero9","title":"Hero sections","description":"Full-width image hero with nav, centered headline, and an inline booking form with stats.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/hero9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/hero9.json","copy_url":"https://shadcnuikit.com/r/hero9.json"},{"name":"how-it-works1","title":"How it works","description":"Centered section with badge, heading, and three icon steps connected by dashed curved lines.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works1.json","copy_url":"https://shadcnuikit.com/r/how-it-works1.json"},{"name":"how-it-works10","title":"How it works","description":"Centered heading with uppercase label and three bordered cards each showing an image, bold title, description, and a Learn more link.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works10.json","copy_url":"https://shadcnuikit.com/r/how-it-works10.json"},{"name":"how-it-works2","title":"How it works","description":"Three-column layout with heading and two steps on the left, a portrait building image in the center, and description with two steps on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works2.json","copy_url":"https://shadcnuikit.com/r/how-it-works2.json"},{"name":"how-it-works3","title":"How it works","description":"Two-column layout with a full-height image on the left and numbered steps with dividers on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works3.json","copy_url":"https://shadcnuikit.com/r/how-it-works3.json"},{"name":"how-it-works4","title":"How it works","description":"Minimal centered layout with heading, subtitle, and three steps separated by dividers with inline number badges.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works4.json","copy_url":"https://shadcnuikit.com/r/how-it-works4.json"},{"name":"how-it-works5","title":"How it works","description":"3-column grid with a heading card on the top-left and five bordered step cards each showing a number badge, title, and description.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works5.json","copy_url":"https://shadcnuikit.com/r/how-it-works5.json"},{"name":"how-it-works6","title":"How it works","description":"Editorial layout with a slash-prefixed heading, a dark hero card for step 01, and outlined pill-badged rows for steps 02–04.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works6.json","copy_url":"https://shadcnuikit.com/r/how-it-works6.json"},{"name":"how-it-works7","title":"How it works","description":"Centered heading with italic label, and three bordered cards each showing a large watermark number, bold title, and description.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works7.json","copy_url":"https://shadcnuikit.com/r/how-it-works7.json"},{"name":"how-it-works8","title":"How it works","description":"Two-column interactive layout with an image panel on the left that switches per step, and auto-advancing steps with progress bars on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works8.json","copy_url":"https://shadcnuikit.com/r/how-it-works8.json"},{"name":"how-it-works9","title":"How it works","description":"2x2 grid layout with four steps each showing a number, heading, description, and an inline UI mockup card below.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/how-it-works9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/how-it-works9.json","copy_url":"https://shadcnuikit.com/r/how-it-works9.json"},{"name":"integrations1","title":"Integrations","description":"Section with integration logos or cards in a grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations1.json","copy_url":"https://shadcnuikit.com/r/integrations1.json"},{"name":"integrations2","title":"Integrations","description":"Integration list or grid with icons and short labels.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations2.json","copy_url":"https://shadcnuikit.com/r/integrations2.json"},{"name":"integrations3","title":"Integrations","description":"Block showcasing connected apps or platforms with logos.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations3.json","copy_url":"https://shadcnuikit.com/r/integrations3.json"},{"name":"integrations4","title":"Integrations","description":"Integrations section with headline and logo grid.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations4.json","copy_url":"https://shadcnuikit.com/r/integrations4.json"},{"name":"integrations5","title":"Integrations","description":"Layout with integration cards or logo strip.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations5.json","copy_url":"https://shadcnuikit.com/r/integrations5.json"},{"name":"integrations6","title":"Integrations","description":"Section listing integrations with optional descriptions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/integrations6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/integrations6.json","copy_url":"https://shadcnuikit.com/r/integrations6.json"},{"name":"navbar1","title":"Navbars","description":"Top nav with logo, links, and CTA button; mobile menu.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar1.json","copy_url":"https://shadcnuikit.com/r/navbar1.json"},{"name":"navbar10","title":"Navbars","description":"E-commerce navbar with centered serif brand, mega menu with category columns, and account, search, and bag icons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar10.json","copy_url":"https://shadcnuikit.com/r/navbar10.json"},{"name":"navbar11","title":"Navbars","description":"Fashion store navbar with uppercase links, centered brand, mega menu combining link columns and featured image cards, and search, account, wishlist, and bag ic…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar11.json","copy_url":"https://shadcnuikit.com/r/navbar11.json"},{"name":"navbar12","title":"Navbars","description":"Clothing store header with dark top bar, social icons, search field, centered brand over nav links, and a mega menu with product columns and featured image car…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar12.json","copy_url":"https://shadcnuikit.com/r/navbar12.json"},{"name":"navbar13","title":"Navbars","description":"Course platform navbar with dismissible gradient announcement bar, mega menu of icon category cards with promo panel, search field, and auth buttons.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar13.json","copy_url":"https://shadcnuikit.com/r/navbar13.json"},{"name":"navbar14","title":"Navbars","description":"Agency navbar with icon-tile dropdown menus, featured first item with long description, a resources menu with promo card, and a rounded CTA button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar14.json","copy_url":"https://shadcnuikit.com/r/navbar14.json"},{"name":"navbar15","title":"Navbars","description":"Minimal studio navbar with pill social links and a hamburger that opens a fullscreen dark menu with oversized typography, contact info, and socials.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar15.json","copy_url":"https://shadcnuikit.com/r/navbar15.json"},{"name":"navbar2","title":"Navbars","description":"Navbar with centered or split links and optional search.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar2.json","copy_url":"https://shadcnuikit.com/r/navbar2.json"},{"name":"navbar3","title":"Navbars","description":"Header with logo, nav items, and primary/secondary actions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar3.json","copy_url":"https://shadcnuikit.com/r/navbar3.json"},{"name":"navbar4","title":"Navbars","description":"Navbar with logo, centered links, Sign in link, and Register CTA button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar4.json","copy_url":"https://shadcnuikit.com/r/navbar4.json"},{"name":"navbar5","title":"Navbars","description":"App-style navbar with left-aligned links, message and notification icons, and user avatar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar5.json","copy_url":"https://shadcnuikit.com/r/navbar5.json"},{"name":"navbar6","title":"Navbars","description":"Navbar with filled search field next to the logo, nav links, action icons, and avatar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar6.json","copy_url":"https://shadcnuikit.com/r/navbar6.json"},{"name":"navbar7","title":"Navbars","description":"Navbar with left links and a rounded outlined search input beside action icons and avatar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar7.json","copy_url":"https://shadcnuikit.com/r/navbar7.json"},{"name":"navbar8","title":"Navbars","description":"Navbar with minimal inline search and a user dropdown menu with avatar and name.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar8.json","copy_url":"https://shadcnuikit.com/r/navbar8.json"},{"name":"navbar9","title":"Navbars","description":"Compact navbar with logo, large centered search bar, action icons, and avatar.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/navbar9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/navbar9.json","copy_url":"https://shadcnuikit.com/r/navbar9.json"},{"name":"newsletter1","title":"Newsletter sections","description":"Newsletter signup with headline, short text, and email input plus button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter1.json","copy_url":"https://shadcnuikit.com/r/newsletter1.json"},{"name":"newsletter2","title":"Newsletter sections","description":"Subscribe block with copy and inline or stacked form.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter2.json","copy_url":"https://shadcnuikit.com/r/newsletter2.json"},{"name":"newsletter3","title":"Newsletter sections","description":"Email signup section with optional headline and CTA.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter3.json","copy_url":"https://shadcnuikit.com/r/newsletter3.json"},{"name":"newsletter4","title":"Newsletter sections","description":"Centered newsletter section with floating community avatars, email input, and social proof count.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter4.json","copy_url":"https://shadcnuikit.com/r/newsletter4.json"},{"name":"newsletter5","title":"Newsletter sections","description":"Dark two-column newsletter section with headline, email form, disclaimer, and decorative envelope illustration.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter5.json","copy_url":"https://shadcnuikit.com/r/newsletter5.json"},{"name":"newsletter6","title":"Newsletter sections","description":"Two-column newsletter section with badge, headline, email form, subscribe button, and feature list beside a large image.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter6.json","copy_url":"https://shadcnuikit.com/r/newsletter6.json"},{"name":"newsletter7","title":"Newsletter sections","description":"Split newsletter section with a full-height image on the left and email form with headline and disclaimer on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter7.json","copy_url":"https://shadcnuikit.com/r/newsletter7.json"},{"name":"newsletter8","title":"Newsletter sections","description":"Full-width background image newsletter with centered text and inline email form.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/newsletter8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/newsletter8.json","copy_url":"https://shadcnuikit.com/r/newsletter8.json"},{"name":"pricing1","title":"Pricing tables","description":"Pricing cards in a row with plan name, price, feature list, and CTA button.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing1.json","copy_url":"https://shadcnuikit.com/r/pricing1.json"},{"name":"pricing2","title":"Pricing tables","description":"Pricing section with tier cards and feature comparison.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing2.json","copy_url":"https://shadcnuikit.com/r/pricing2.json"},{"name":"pricing3","title":"Pricing tables","description":"Pricing grid or list with plans and highlight for a featured tier.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing3.json","copy_url":"https://shadcnuikit.com/r/pricing3.json"},{"name":"pricing4","title":"Pricing tables","description":"Pricing layout with multiple plans and feature checkmarks.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing4.json","copy_url":"https://shadcnuikit.com/r/pricing4.json"},{"name":"pricing5","title":"Pricing tables","description":"Pricing table with plan cards and optional badge or popular label.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing5.json","copy_url":"https://shadcnuikit.com/r/pricing5.json"},{"name":"pricing6","title":"Pricing tables","description":"Compact or expanded pricing blocks with CTA per plan.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing6.json","copy_url":"https://shadcnuikit.com/r/pricing6.json"},{"name":"pricing7","title":"Pricing tables","description":"Pricing section with headline and tier cards in a row.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/pricing7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/pricing7.json","copy_url":"https://shadcnuikit.com/r/pricing7.json"},{"name":"stats1","title":"Stats","description":"Four-column stats section with animated counters, bold values, suffixes, labels, and short descriptions on a bordered-left layout.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats1.json","copy_url":"https://shadcnuikit.com/r/stats1.json"},{"name":"stats10","title":"Stats","description":"Two-column stats section with a plain label, bold heading, description, and three inline animated stats on the left, and two stacked feature cards with orange …","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats10.json","copy_url":"https://shadcnuikit.com/r/stats10.json"},{"name":"stats11","title":"Stats","description":"Two-column stats section with badge, heading, description, and three inline animated stats on the left, and a 2x2 feature card grid with lime icon badges on th…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats11.json","copy_url":"https://shadcnuikit.com/r/stats11.json"},{"name":"stats12","title":"Stats","description":"Three-column stats section with a bold heading and 2x2 animated stat grid on the left, a full-height portrait image in the center, and description paragraphs w…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats12.json","copy_url":"https://shadcnuikit.com/r/stats12.json"},{"name":"stats2","title":"Stats","description":"Centered stats section with a pill badge, two-line heading with a highlighted word, and three large bordered cards each showing an animated number and label.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats2.json","copy_url":"https://shadcnuikit.com/r/stats2.json"},{"name":"stats3","title":"Stats","description":"Three staggered stat cards with icon badge, large light-weight animated number, and a bolded description. Middle card is offset downward for visual rhythm.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats3.json","copy_url":"https://shadcnuikit.com/r/stats3.json"},{"name":"stats4","title":"Stats","description":"Two-column stats section with a dashed Indicator label, bold heading, and a star rating row on the left, and a 2x2 animated violet stats grid on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats4.json","copy_url":"https://shadcnuikit.com/r/stats4.json"},{"name":"stats5","title":"Stats","description":"Full-width blue-to-indigo gradient card with four animated stats in a row, separated by translucent dividers, and a decorative blur blob on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats5.json","copy_url":"https://shadcnuikit.com/r/stats5.json"},{"name":"stats6","title":"Stats","description":"Bordered card with two columns: a large bold heading with a green emphasis line on the left, and three vertically stacked animated stats separated by dividers …","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats6.json","copy_url":"https://shadcnuikit.com/r/stats6.json"},{"name":"stats7","title":"Stats","description":"Two-column bordered card with an indigo ROI badge and heading. Left side shows two animated stats and a decorative SVG area chart. Right side has a heading, de…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats7.json","copy_url":"https://shadcnuikit.com/r/stats7.json"},{"name":"stats8","title":"Stats","description":"Dark two-column stats section with a product image on the left and a pill badge, bold heading, description, and two large animated stats on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats8.json","copy_url":"https://shadcnuikit.com/r/stats8.json"},{"name":"stats9","title":"Stats","description":"Dark-themed 2x2 stats grid with corner bracket decorations, amber animated numbers, a bold two-line heading on the left, and a small italic tagline on the righ…","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stats9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stats9.json","copy_url":"https://shadcnuikit.com/r/stats9.json"},{"name":"team1","title":"Team sections","description":"Grid of team cards with photo, name, role, and optional links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team1.json","copy_url":"https://shadcnuikit.com/r/team1.json"},{"name":"team10","title":"Team sections","description":"Fan-style portrait cards with rotation effect, gradient overlay, and a tagline pill.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team10.json","copy_url":"https://shadcnuikit.com/r/team10.json"},{"name":"team11","title":"Team sections","description":"Two-column layout with heading and CTA on the left, five-photo masonry grid on the right.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team11.json","copy_url":"https://shadcnuikit.com/r/team11.json"},{"name":"team12","title":"Team sections","description":"Two-row pill card layout with grayscale photos, offset rows, and edge gradient masks.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team12.json","copy_url":"https://shadcnuikit.com/r/team12.json"},{"name":"team2","title":"Team sections","description":"Team member cards in a row or grid with avatar and bio.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team2.json","copy_url":"https://shadcnuikit.com/r/team2.json"},{"name":"team3","title":"Team sections","description":"Section with headline and team profile cards.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team3.json","copy_url":"https://shadcnuikit.com/r/team3.json"},{"name":"team4","title":"Team sections","description":"Layout showcasing team with photos and short descriptions.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team4.json","copy_url":"https://shadcnuikit.com/r/team4.json"},{"name":"team5","title":"Team sections","description":"Team grid or list with avatar, name, and role per card.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team5.json","copy_url":"https://shadcnuikit.com/r/team5.json"},{"name":"team6","title":"Team sections","description":"Editorial team section with full-height grayscale portraits, section number, and description.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team6.json","copy_url":"https://shadcnuikit.com/r/team6.json"},{"name":"team7","title":"Team sections","description":"Accordion-style team cards with pastel backgrounds that expand on hover to reveal name and title.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team7.json","copy_url":"https://shadcnuikit.com/r/team7.json"},{"name":"team8","title":"Team sections","description":"Leadership grid with name, role, bio, and portrait photo per card.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team8.json","copy_url":"https://shadcnuikit.com/r/team8.json"},{"name":"team9","title":"Team sections","description":"3x2 grid with a CTA card and five team member photo cards with social links.","type":"registry:block","tags":["blocks","cards","charts","dashboard","design-system","developer-tools","e-commerce","forms","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/team9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/team9.json","copy_url":"https://shadcnuikit.com/r/team9.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.vercel.app/registry/shark","markdown":"https://sh4dcn.vercel.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":163,"open_issues":3,"last_commit":"2026-07-02T22:26:29Z"},"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.vercel.app/registry/shieldcn","markdown":"https://sh4dcn.vercel.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":569,"open_issues":5,"last_commit":"2026-07-07T03:29:20Z"},"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":"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.vercel.app/registry/skiper-ui","markdown":"https://sh4dcn.vercel.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","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper3.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper3.json","copy_url":"https://skiper-ui.com/registry/skiper3.json"},{"name":"skiper4","title":null,"description":"Theme toggle buttons","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper4.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper4.json","copy_url":"https://skiper-ui.com/registry/skiper4.json"},{"name":"skiper16","title":null,"description":"Card stack scroll","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper16.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper16.json","copy_url":"https://skiper-ui.com/registry/skiper16.json"},{"name":"skiper17","title":null,"description":"Card stack with gsap and rotate","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper17.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper17.json","copy_url":"https://skiper-ui.com/registry/skiper17.json"},{"name":"skiper19","title":null,"description":"Svg follow scroll","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper19.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper19.json","copy_url":"https://skiper-ui.com/registry/skiper19.json"},{"name":"skiper25","title":null,"description":"Music toggle btn","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper25.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper25.json","copy_url":"https://skiper-ui.com/registry/skiper25.json"},{"name":"skiper26","title":null,"description":"Theme toggle btn","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper26.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper26.json","copy_url":"https://skiper-ui.com/registry/skiper26.json"},{"name":"skiper28","title":null,"description":"3D perspective text","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper28.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper28.json","copy_url":"https://skiper-ui.com/registry/skiper28.json"},{"name":"skiper30","title":null,"description":"Oliver parallax","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper30.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper30.json","copy_url":"https://skiper-ui.com/registry/skiper30.json"},{"name":"skiper31","title":null,"description":"Text Scroll animation","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper31.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper31.json","copy_url":"https://skiper-ui.com/registry/skiper31.json"},{"name":"skiper34","title":null,"description":"Scroll images reveal 003","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper34.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper34.json","copy_url":"https://skiper-ui.com/registry/skiper34.json"},{"name":"skiper37","title":null,"description":"Animated number","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper37.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper37.json","copy_url":"https://skiper-ui.com/registry/skiper37.json"},{"name":"skiper39","title":null,"description":"Canvas crowd","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper39.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper39.json","copy_url":"https://skiper-ui.com/registry/skiper39.json"},{"name":"skiper40","title":null,"description":"CssLink","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper40.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper40.json","copy_url":"https://skiper-ui.com/registry/skiper40.json"},{"name":"skiper41","title":null,"description":"Progressive Blur","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper41.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper41.json","copy_url":"https://skiper-ui.com/registry/skiper41.json"},{"name":"skiper47","title":null,"description":"Perspective carousel","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper47.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper47.json","copy_url":"https://skiper-ui.com/registry/skiper47.json"},{"name":"skiper48","title":null,"description":"Card swipe carousel","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper48.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper48.json","copy_url":"https://skiper-ui.com/registry/skiper48.json"},{"name":"skiper49","title":null,"description":"Inverted perspective carousel","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper49.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper49.json","copy_url":"https://skiper-ui.com/registry/skiper49.json"},{"name":"skiper50","title":null,"description":"Creative carousel 001","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper50.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper50.json","copy_url":"https://skiper-ui.com/registry/skiper50.json"},{"name":"skiper51","title":null,"description":"Creative carousel 002","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper51.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper51.json","copy_url":"https://skiper-ui.com/registry/skiper51.json"},{"name":"skiper52","title":null,"description":"ExpandOnHover","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper52.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper52.json","copy_url":"https://skiper-ui.com/registry/skiper52.json"},{"name":"skiper53","title":null,"description":"ExpandOnHover vertical","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper53.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper53.json","copy_url":"https://skiper-ui.com/registry/skiper53.json"},{"name":"skiper54","title":null,"description":"Shadcn clipPath Carousal","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper54.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper54.json","copy_url":"https://skiper-ui.com/registry/skiper54.json"},{"name":"skiper58","title":null,"description":"Text roll navigation","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper58.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper58.json","copy_url":"https://skiper-ui.com/registry/skiper58.json"},{"name":"skiper61","title":null,"description":"Mouse follow animations","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper61.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper61.json","copy_url":"https://skiper-ui.com/registry/skiper61.json"},{"name":"skiper62","title":null,"description":"Loop animation hook","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper62.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper62.json","copy_url":"https://skiper-ui.com/registry/skiper62.json"},{"name":"skiper63","title":null,"description":"Apple squicircle effect","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper63.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper63.json","copy_url":"https://skiper-ui.com/registry/skiper63.json"},{"name":"skiper64","title":null,"description":"Gooey Effect","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper64.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper64.json","copy_url":"https://skiper-ui.com/registry/skiper64.json"},{"name":"skiper65","title":null,"description":"Breakpoint indicator","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper65.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper65.json","copy_url":"https://skiper-ui.com/registry/skiper65.json"},{"name":"skiper66","title":null,"description":"SVG clip path mask","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper66.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper66.json","copy_url":"https://skiper-ui.com/registry/skiper66.json"},{"name":"skiper67","title":null,"description":"Video player 001","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper67.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper67.json","copy_url":"https://skiper-ui.com/registry/skiper67.json"},{"name":"skiper87","title":null,"description":"Scroll with fade effect","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper87.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper87.json","copy_url":"https://skiper-ui.com/registry/skiper87.json"},{"name":"skiper89","title":null,"description":"Scroll progress 001","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper89.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper89.json","copy_url":"https://skiper-ui.com/registry/skiper89.json"},{"name":"skiper99","title":null,"description":"Animated icons 002","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper99.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper99.json","copy_url":"https://skiper-ui.com/registry/skiper99.json"},{"name":"skiper101","title":null,"description":"Custom tooltip","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper101.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper101.json","copy_url":"https://skiper-ui.com/registry/skiper101.json"},{"name":"skiper102","title":null,"description":"Debug Pannel","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper102.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper102.json","copy_url":"https://skiper-ui.com/registry/skiper102.json"},{"name":"skiper106","title":null,"description":"Smooth caret input","type":"registry:ui","tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper106.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper106.json","copy_url":"https://skiper-ui.com/registry/skiper106.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.vercel.app/registry/slide-cn","markdown":"https://sh4dcn.vercel.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":21,"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/deck.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/deck.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://slide-cn.com/r/header-with-content.json"},{"name":"slide-nav","title":"Slide Nav","description":"Navigation for your slides","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-nav.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-nav.json","copy_url":"https://slide-cn.com/r/slide-nav.json"},{"name":"slide-footer","title":"Slide footer","description":"Footer for your slides","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-footer.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-footer.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/navigation-toast.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/navigation-toast.json","copy_url":"https://slide-cn.com/r/navigation-toast.json"},{"name":"slide","title":"Slide","description":"Basic slide component","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/horizontal-split.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/horizontal-split.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/vertical-split.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/vertical-split.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/title-slide.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/title-slide.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-image.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-image.json","copy_url":"https://slide-cn.com/r/slide-image.json"},{"name":"callout","title":"Callout","description":"A callout component for highlighting information","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/callout.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/callout.json","copy_url":"https://slide-cn.com/r/callout.json"},{"name":"code-block","title":"Code block","description":"A code block component with syntax highlighting","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/code-block.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/code-block.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/gradient-linear.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/gradient-linear.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/gradient-radial.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/gradient-radial.json","copy_url":"https://slide-cn.com/r/gradient-radial.json"},{"name":"reveal","title":"Reveal","description":"A component that reveals its content on click","type":"registry:component","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/reveal.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/reveal.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/timeline.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/timeline.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/sky-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/sky-theme.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/rose-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/rose-theme.json","copy_url":"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","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/earth-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/earth-theme.json","copy_url":"https://slide-cn.com/r/earth-theme.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","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"labels":["featured","pro"],"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.vercel.app/registry/smoothui","markdown":"https://sh4dcn.vercel.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":843,"open_issues":2,"last_commit":"2026-06-24T14:07: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":158,"components":[{"name":"data","title":"Data","description":null,"type":"registry:lib","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/data.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/data.json","copy_url":"https://smoothui.dev/r/data.json"},{"name":"cta-1","title":"Cta 1","description":"Centered CTA block with radial glow background","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-1.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-2.json","copy_url":"https://smoothui.dev/r/cta-2.json"},{"name":"cta-3","title":"Cta 3","description":"Compact banner CTA block","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-3.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-1.json","copy_url":"https://smoothui.dev/r/faq-1.json"},{"name":"faq-2","title":"Faq 2","description":"FAQ accordion block with expandable questions","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-2.json","copy_url":"https://smoothui.dev/r/faq-2.json"},{"name":"faq-3","title":"Faq 3","description":"Searchable FAQ section with filter animations","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-3.json","copy_url":"https://smoothui.dev/r/faq-3.json"},{"name":"faq-4","title":"Faq 4","description":"Categorized FAQ section with tab navigation","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-4.json","copy_url":"https://smoothui.dev/r/faq-4.json"},{"name":"features-1","title":"Features 1","description":"Feature grid block with animated cards","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-1.json","copy_url":"https://smoothui.dev/r/features-1.json"},{"name":"features-2","title":"Features 2","description":"Bento grid features block with asymmetric layout","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-2.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-3.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-1.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-2.json","copy_url":"https://smoothui.dev/r/footer-2.json"},{"name":"footer-3","title":"Footer 3","description":"Mega footer with newsletter and social links","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-3.json","copy_url":"https://smoothui.dev/r/footer-3.json"},{"name":"footer-4","title":"Footer 4","description":"Minimal single-row footer","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-4.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-1.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-2.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-3.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-4.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-5.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-5.json","copy_url":"https://smoothui.dev/r/header-5.json"},{"name":"header-6","title":"Header 6","description":"Minimal hero block with clean typography","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-6.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-6.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-1.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-2.json","copy_url":"https://smoothui.dev/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":"Logo Cloud 3","description":"Infinite scrolling logo marquee","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-3.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-4.json","copy_url":"https://smoothui.dev/r/logo-cloud-4.json"},{"name":"pricing-1","title":"Pricing 1","description":"Simple pricing block with single plan","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-1.json","copy_url":"https://smoothui.dev/r/pricing-1.json"},{"name":"pricing-2","title":"Pricing 2","description":"Modern pricing block with three tiers","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-2.json","copy_url":"https://smoothui.dev/r/pricing-2.json"},{"name":"pricing-3","title":"Pricing 3","description":"Creative pricing block with two plans","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-3.json","copy_url":"https://smoothui.dev/r/pricing-3.json"},{"name":"shared","title":"Shared","description":"Shared components for SmoothUI blocks","type":"registry:component","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shared.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared.json","copy_url":"https://smoothui.dev/r/shared.json"},{"name":"stats-1","title":"Stats 1","description":"Grid stats section block with hover effects","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stats-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stats-1.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stats-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stats-2.json","copy_url":"https://smoothui.dev/r/stats-2.json"},{"name":"team-1","title":"Team 1","description":"Grid team section block with hover effects","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/team-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/team-1.json","copy_url":"https://smoothui.dev/r/team-1.json"},{"name":"team-2","title":"Team 2","description":"Carousel team section block with auto-play","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/team-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/team-2.json","copy_url":"https://smoothui.dev/r/team-2.json"},{"name":"testimonials-1","title":"Testimonials 1","description":"Simple testimonials block with auto-rotating cards","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-1.json","copy_url":"https://smoothui.dev/r/testimonials-1.json"},{"name":"testimonials-2","title":"Testimonials 2","description":"Grid testimonials block with navigation arrows","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-2.json","copy_url":"https://smoothui.dev/r/testimonials-2.json"},{"name":"testimonials-3","title":"Testimonials 3","description":"Star testimonials block with grid layout","type":"registry:block","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-3.json","copy_url":"https://smoothui.dev/r/testimonials-3.json"},{"name":"agent-avatar","title":"Agent Avatar","description":"Canvas-based generative pixel avatar for AI agents, unique per seed.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/agent-avatar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/agent-avatar.json","copy_url":"https://smoothui.dev/r/agent-avatar.json"},{"name":"ai-branch","title":"Ai Branch","description":"An interactive AI branch component for displaying conversation flows.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/ai-branch.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-branch.json","copy_url":"https://smoothui.dev/r/ai-branch.json"},{"name":"ai-input","title":"Ai Input","description":"A AiInput component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/ai-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-input.json","copy_url":"https://smoothui.dev/r/ai-input.json"},{"name":"animated-avatar-group","title":"Animated Avatar Group","description":"Stack of overlapping avatars with smooth expand/collapse animation","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-avatar-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-avatar-group.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-file-upload.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-file-upload.json","copy_url":"https://smoothui.dev/r/animated-file-upload.json"},{"name":"animated-input","title":"Animated Input","description":"A AnimatedInput component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-input.json","copy_url":"https://smoothui.dev/r/animated-input.json"},{"name":"animated-o-t-p-input","title":"Animated O T P Input","description":"A AnimatedOTPInput component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-o-t-p-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-o-t-p-input.json","copy_url":"https://smoothui.dev/r/animated-o-t-p-input.json"},{"name":"animated-progress-bar","title":"Animated Progress Bar","description":"A AnimatedProgressBar component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-progress-bar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-progress-bar.json","copy_url":"https://smoothui.dev/r/animated-progress-bar.json"},{"name":"animated-stepper","title":"Animated Stepper","description":"Animated stepper/wizard component with step transitions","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-stepper.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-stepper.json","copy_url":"https://smoothui.dev/r/animated-stepper.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Animated tabs component with sliding indicator","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tabs.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-tabs.json","copy_url":"https://smoothui.dev/r/animated-tabs.json"},{"name":"animated-tags","title":"Animated Tags","description":"A AnimatedTags component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tags.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-tags.json","copy_url":"https://smoothui.dev/r/animated-tags.json"},{"name":"animated-toggle","title":"Animated Toggle","description":"Animated toggle switch with morph and icon variants","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-toggle.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-toggle.json","copy_url":"https://smoothui.dev/r/animated-toggle.json"},{"name":"animated-tooltip","title":"Animated Tooltip","description":"Spring-animated tooltip with multiple placement options","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-tooltip.json","copy_url":"https://smoothui.dev/r/animated-tooltip.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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/aperture-blur-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/aperture-blur-transition.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/app-download-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/app-download-stack.json","copy_url":"https://smoothui.dev/r/app-download-stack.json"},{"name":"apple-invites","title":"Apple Invites","description":"A AppleInvites component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/apple-invites.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/apple-invites.json","copy_url":"https://smoothui.dev/r/apple-invites.json"},{"name":"basic-accordion","title":"Basic Accordion","description":"A BasicAccordion component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-accordion.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/basic-accordion.json","copy_url":"https://smoothui.dev/r/basic-accordion.json"},{"name":"basic-dropdown","title":"Basic Dropdown","description":"A BasicDropdown component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-dropdown.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/basic-dropdown.json","copy_url":"https://smoothui.dev/r/basic-dropdown.json"},{"name":"basic-modal","title":"Basic Modal","description":"A BasicModal component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-modal.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/basic-modal.json","copy_url":"https://smoothui.dev/r/basic-modal.json"},{"name":"basic-toast","title":"Basic Toast","description":"A BasicToast component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-toast.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/basic-toast.json","copy_url":"https://smoothui.dev/r/basic-toast.json"},{"name":"blur-out-up","title":"Blur Out Up","description":"A BlurOutUp text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/blur-out-up.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/blur-out-up.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/book.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/book.json","copy_url":"https://smoothui.dev/r/book.json"},{"name":"bottom-up-letters","title":"Bottom Up Letters","description":"A BottomUpLetters text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/bottom-up-letters.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/bottom-up-letters.json","copy_url":"https://smoothui.dev/r/bottom-up-letters.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Animated breadcrumb navigation with stagger-in animation","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/breadcrumb.json","copy_url":"https://smoothui.dev/r/breadcrumb.json"},{"name":"button-copy","title":"Button Copy","description":"A ButtonCopy component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/button-copy.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/button-copy.json","copy_url":"https://smoothui.dev/r/button-copy.json"},{"name":"checkbox","title":"Checkbox","description":"An animated Checkbox component for SmoothUI with checkmark and indeterminate state animations.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/checkbox.json","copy_url":"https://smoothui.dev/r/checkbox.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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/chroma-blur-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/chroma-blur-transition.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/clip-corners-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/clip-corners-button.json","copy_url":"https://smoothui.dev/r/clip-corners-button.json"},{"name":"combobox","title":"Combobox","description":"An animated Combobox component for SmoothUI with text filtering, async search, and keyboard navigation.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/combobox.json","copy_url":"https://smoothui.dev/r/combobox.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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/context-menu.json","copy_url":"https://smoothui.dev/r/context-menu.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"A ContributionGraph component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/contribution-graph.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/contribution-graph.json","copy_url":"https://smoothui.dev/r/contribution-graph.json"},{"name":"cursor-follow","title":"Cursor Follow","description":"A CursorFollow component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cursor-follow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cursor-follow.json","copy_url":"https://smoothui.dev/r/cursor-follow.json"},{"name":"depth-parallax-words","title":"Depth Parallax Words","description":"A DepthParallaxWords text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/depth-parallax-words.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/depth-parallax-words.json","copy_url":"https://smoothui.dev/r/depth-parallax-words.json"},{"name":"dialog","title":"Dialog","description":"Animated Dialog and AlertDialog components for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dialog.json","copy_url":"https://smoothui.dev/r/dialog.json"},{"name":"dot-morph-button","title":"Dot Morph Button","description":"A DotMorphButton component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/dot-morph-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dot-morph-button.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/drawer.json","copy_url":"https://smoothui.dev/r/drawer.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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dropdown-menu.json","copy_url":"https://smoothui.dev/r/dropdown-menu.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A DynamicIsland component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dynamic-island.json","copy_url":"https://smoothui.dev/r/dynamic-island.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"A ExpandableCards component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/expandable-cards.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/expandable-cards.json","copy_url":"https://smoothui.dev/r/expandable-cards.json"},{"name":"exposure-slider","title":"Exposure Slider","description":"iOS-style exposure slider with draggable ticker and progress ring","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/exposure-slider.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/exposure-slider.json","copy_url":"https://smoothui.dev/r/exposure-slider.json"},{"name":"fade-through","title":"Fade Through","description":"A FadeThrough text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/fade-through.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/fade-through.json","copy_url":"https://smoothui.dev/r/fade-through.json"},{"name":"figma-comment","title":"Figma Comment","description":"A FigmaComment component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/figma-comment.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/figma-comment.json","copy_url":"https://smoothui.dev/r/figma-comment.json"},{"name":"focus-blur-resolve","title":"Focus Blur Resolve","description":"A FocusBlurResolve text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/focus-blur-resolve.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/focus-blur-resolve.json","copy_url":"https://smoothui.dev/r/focus-blur-resolve.json"},{"name":"form","title":"Form","description":"A lightweight, composable Form component with animated error messages and full accessibility support.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/form.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/form.json","copy_url":"https://smoothui.dev/r/form.json"},{"name":"github-stars-animation","title":"Github Stars Animation","description":"A GitHubStarsAnimation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/github-stars-animation.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/github-stars-animation.json","copy_url":"https://smoothui.dev/r/github-stars-animation.json"},{"name":"glow-hover-card","title":"Glow Hover Card","description":"A GlowHoverCards component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/glow-hover-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/glow-hover-card.json","copy_url":"https://smoothui.dev/r/glow-hover-card.json"},{"name":"gooey-popover","title":"Gooey Popover","description":"A GooeyPopover component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/gooey-popover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/gooey-popover.json","copy_url":"https://smoothui.dev/r/gooey-popover.json"},{"name":"grid-loader","title":"Grid Loader","description":"3x3 grid-based loading animation with preset patterns","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/grid-loader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/grid-loader.json","copy_url":"https://smoothui.dev/r/grid-loader.json"},{"name":"image-metadata-preview","title":"Image Metadata Preview","description":"A ImageMetadataPreview component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/image-metadata-preview.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/image-metadata-preview.json","copy_url":"https://smoothui.dev/r/image-metadata-preview.json"},{"name":"infinite-slider","title":"Infinite Slider","description":"A InfiniteSlider component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/infinite-slider.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/infinite-slider.json","copy_url":"https://smoothui.dev/r/infinite-slider.json"},{"name":"interactive-image-selector","title":"Interactive Image Selector","description":"A InteractiveImageSelector component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/interactive-image-selector.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/interactive-image-selector.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/job-listing-component.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/job-listing-component.json","copy_url":"https://smoothui.dev/r/job-listing-component.json"},{"name":"kinetic-center-build","title":"Kinetic Center Build","description":"A KineticCenterBuild text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/kinetic-center-build.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/kinetic-center-build.json","copy_url":"https://smoothui.dev/r/kinetic-center-build.json"},{"name":"line-by-line-slide","title":"Line By Line Slide","description":"A LineByLineSlide text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"https://smoothui.dev/r/line-by-line-slide.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"Button that subtly follows the cursor with magnetic effect","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/magnetic-button.json","copy_url":"https://smoothui.dev/r/magnetic-button.json"},{"name":"mask-reveal-up","title":"Mask Reveal Up","description":"A MaskRevealUp text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/mask-reveal-up.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/mask-reveal-up.json","copy_url":"https://smoothui.dev/r/mask-reveal-up.json"},{"name":"micro-scale-fade","title":"Micro Scale Fade","description":"A MicroScaleFade text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/micro-scale-fade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/micro-scale-fade.json","copy_url":"https://smoothui.dev/r/micro-scale-fade.json"},{"name":"notification-badge","title":"Notification Badge","description":"Animated notification badge with count and status variants","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/notification-badge.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/notification-badge.json","copy_url":"https://smoothui.dev/r/notification-badge.json"},{"name":"number-flow","title":"Number Flow","description":"A NumberFlow component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/number-flow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/number-flow.json","copy_url":"https://smoothui.dev/r/number-flow.json"},{"name":"organic-merge-transition","title":"Organic Merge Transition","description":"A soft-min SDF merge transition with two organic expanding shapes.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/organic-merge-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/organic-merge-transition.json","copy_url":"https://smoothui.dev/r/organic-merge-transition.json"},{"name":"pagination","title":"Pagination","description":"Animated pagination with spring-based active page indicator","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pagination.json","copy_url":"https://smoothui.dev/r/pagination.json"},{"name":"per-character-rise","title":"Per Character Rise","description":"A PerCharacterRise text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/per-character-rise.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/per-character-rise.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/per-word-crossfade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/per-word-crossfade.json","copy_url":"https://smoothui.dev/r/per-word-crossfade.json"},{"name":"photo-stack","title":"Photo Stack","description":"A PhotoStack component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/photo-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/photo-stack.json","copy_url":"https://smoothui.dev/r/photo-stack.json"},{"name":"phototab","title":"Phototab","description":"A Phototab component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/phototab.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/phototab.json","copy_url":"https://smoothui.dev/r/phototab.json"},{"name":"power-off-slide","title":"Power Off Slide","description":"A PowerOffSlide component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/power-off-slide.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/power-off-slide.json","copy_url":"https://smoothui.dev/r/power-off-slide.json"},{"name":"price-flow","title":"Price Flow","description":"A PriceFlow component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/price-flow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/price-flow.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/prism-sweep-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/prism-sweep-transition.json","copy_url":"https://smoothui.dev/r/prism-sweep-transition.json"},{"name":"product-card","title":"Product Card","description":"Animated product card component for ecommerce","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/product-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/product-card.json","copy_url":"https://smoothui.dev/r/product-card.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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/radial-circles-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/radial-circles-transition.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/radio-group.json","copy_url":"https://smoothui.dev/r/radio-group.json"},{"name":"reveal-text","title":"Reveal Text","description":"A RevealText component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/reveal-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/reveal-text.json","copy_url":"https://smoothui.dev/r/reveal-text.json"},{"name":"reviews-carousel","title":"Reviews Carousel","description":"A ReviewsCarousel component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/reviews-carousel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/reviews-carousel.json","copy_url":"https://smoothui.dev/r/reviews-carousel.json"},{"name":"rich-popover","title":"Rich Popover","description":"A RichPopover component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/rich-popover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/rich-popover.json","copy_url":"https://smoothui.dev/r/rich-popover.json"},{"name":"scale-down-fade","title":"Scale Down Fade","description":"A ScaleDownFade text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/scale-down-fade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scale-down-fade.json","copy_url":"https://smoothui.dev/r/scale-down-fade.json"},{"name":"scramble-hover","title":"Scramble Hover","description":"A ScrambleHover component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/scramble-hover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scramble-hover.json","copy_url":"https://smoothui.dev/r/scramble-hover.json"},{"name":"scroll-reveal-paragraph","title":"Scroll Reveal Paragraph","description":"A ScrollRevealParagraph component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/scroll-reveal-paragraph.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scroll-reveal-paragraph.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/scrollable-card-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scrollable-card-stack.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/scrubber.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scrubber.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/sdf-blob-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/sdf-blob-transition.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/sdf-circle-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/sdf-circle-transition.json","copy_url":"https://smoothui.dev/r/sdf-circle-transition.json"},{"name":"searchable-dropdown","title":"Searchable Dropdown","description":"A SearchableDropdown component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/searchable-dropdown.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/searchable-dropdown.json","copy_url":"https://smoothui.dev/r/searchable-dropdown.json"},{"name":"select","title":"Select","description":"An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth animations.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/select.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/select.json","copy_url":"https://smoothui.dev/r/select.json"},{"name":"shader-reveal-circle-transition","title":"Shader Reveal Circle Transition","description":"Demo 3 adaptation: noisy circular reveal with radial interpolation.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shader-reveal-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-transition.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shared-axis-x.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-x.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shared-axis-y.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-y.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shared-axis-z.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-z.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shimmer-sweep.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shine-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shine-text.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/short-slide-down.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/short-slide-down.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/short-slide-right.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/short-slide-right.json","copy_url":"https://smoothui.dev/r/short-slide-right.json"},{"name":"siri-orb","title":"Siri Orb","description":"A beautiful animated orb component inspired by Siri's visual design.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/siri-orb.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/siri-orb.json","copy_url":"https://smoothui.dev/r/siri-orb.json"},{"name":"skeleton-loader","title":"Skeleton Loader","description":"Animated skeleton loading placeholders","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/skeleton-loader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/skeleton-loader.json","copy_url":"https://smoothui.dev/r/skeleton-loader.json"},{"name":"smooth-button","title":"Smooth Button","description":"A polished button component with gradient variants and press animation","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/smooth-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/smooth-button.json","copy_url":"https://smoothui.dev/r/smooth-button.json"},{"name":"social-selector","title":"Social Selector","description":"A SocialSelector component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/social-selector.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/social-selector.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/soft-blur-in.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/soft-blur-in.json","copy_url":"https://smoothui.dev/r/soft-blur-in.json"},{"name":"spring-scale-in","title":"Spring Scale In","description":"A SpringScaleIn text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/spring-scale-in.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/spring-scale-in.json","copy_url":"https://smoothui.dev/r/spring-scale-in.json"},{"name":"stagger-from-center","title":"Stagger From Center","description":"A StaggerFromCenter text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stagger-from-center.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stagger-from-center.json","copy_url":"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","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stagger-from-edges.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stagger-from-edges.json","copy_url":"https://smoothui.dev/r/stagger-from-edges.json"},{"name":"switchboard-card","title":"Switchboard Card","description":"A SwitchboardCard component with light grid illustration for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/switchboard-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/switchboard-card.json","copy_url":"https://smoothui.dev/r/switchboard-card.json"},{"name":"top-down-letters","title":"Top Down Letters","description":"A TopDownLetters text animation component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/top-down-letters.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/top-down-letters.json","copy_url":"https://smoothui.dev/r/top-down-letters.json"},{"name":"tweet-card","title":"Tweet Card","description":"A beautiful tweet card component for displaying Twitter/X posts.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/tweet-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/tweet-card.json","copy_url":"https://smoothui.dev/r/tweet-card.json"},{"name":"typewriter-text","title":"Typewriter Text","description":"A TypewriterText component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/typewriter-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/typewriter-text.json","copy_url":"https://smoothui.dev/r/typewriter-text.json"},{"name":"user-account-avatar","title":"User Account Avatar","description":"A UserAccountAvatar component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/user-account-avatar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/user-account-avatar.json","copy_url":"https://smoothui.dev/r/user-account-avatar.json"},{"name":"warped-circle-transition","title":"Warped Circle Transition","description":"A wavy perimeter circle reveal inspired by the Codrops circle warping step.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/warped-circle-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/warped-circle-transition.json","copy_url":"https://smoothui.dev/r/warped-circle-transition.json"},{"name":"wave-text","title":"Wave Text","description":"A WaveText component for SmoothUI.","type":"registry:ui","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/wave-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/wave-text.json","copy_url":"https://smoothui.dev/r/wave-text.json"},{"name":"lib","title":"Lib","description":"Shared animation constants (springs, easing curves, durations) for SmoothUI components","type":"registry:lib","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/lib.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/lib.json","copy_url":"https://smoothui.dev/r/lib.json"},{"name":"theme-candy","title":"SmoothUI Candy","description":"SmoothUI Candy theme: smooth neutral scale with a candy accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-candy.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-candy.json","copy_url":"https://smoothui.dev/r/theme-candy.json"},{"name":"theme-indigo","title":"SmoothUI Indigo","description":"SmoothUI Indigo theme: smooth neutral scale with a indigo accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-indigo.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-indigo.json","copy_url":"https://smoothui.dev/r/theme-indigo.json"},{"name":"theme-blue","title":"SmoothUI Blue","description":"SmoothUI Blue theme: smooth neutral scale with a blue accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-blue.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-blue.json","copy_url":"https://smoothui.dev/r/theme-blue.json"},{"name":"theme-red","title":"SmoothUI Red","description":"SmoothUI Red theme: smooth neutral scale with a red accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-red.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-red.json","copy_url":"https://smoothui.dev/r/theme-red.json"},{"name":"theme-orange","title":"SmoothUI Orange","description":"SmoothUI Orange theme: smooth neutral scale with a orange accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-orange.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-orange.json","copy_url":"https://smoothui.dev/r/theme-orange.json"},{"name":"theme-green","title":"SmoothUI Green","description":"SmoothUI Green theme: smooth neutral scale with a green accent, light and dark mode included.","type":"registry:theme","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/theme-green.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-green.json","copy_url":"https://smoothui.dev/r/theme-green.json"},{"name":"skill","title":"SmoothUI Skill","description":"Teaches AI coding assistants how to install SmoothUI components, blocks, and themes, and how to follow SmoothUI animation conventions.","type":"registry:item","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/skill.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/skill.json","copy_url":"https://smoothui.dev/r/skill.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.vercel.app/registry/solaceui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://www.solaceui.com/r/navbar-section-2.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":null,"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://sona-ui.vercel.app","github":"https://github.com/Dinil-Thilakarathne/sona-ui","registry":"https://sona-ui.vercel.app/r/registry.json","source":"https://sona-ui.vercel.app/r/registry.json","page":"https://sh4dcn.vercel.app/registry/sona-ui","markdown":"https://sh4dcn.vercel.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":"https://sona-ui.vercel.app/opengraph-image?64508c8b490b5adc","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":18,"open_issues":3,"last_commit":"2026-07-06T03:56:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sona-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sona-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://sona-ui.vercel.app/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://sona-ui.vercel.app/r/registry.json"},"component_count":30,"components":[{"name":"sona-utils","title":"Sona Utilities","description":"Shared class-name utilities used by Sona UI registry components.","type":"registry:lib","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/sona-utils.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/sona-utils.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/sona-motion.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/sona-motion.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/sona-theme.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/sona-theme.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/agent-skill.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/agent-skill.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/animated-dropdown.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/animated-dropdown.json","copy_url":"https://sona-ui.vercel.app/r/animated-dropdown.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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/animated-switch.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/animated-switch.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/animated-dialog.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/animated-dialog.json","copy_url":"https://sona-ui.vercel.app/r/animated-dialog.json"},{"name":"button","title":"Button","description":"A simple action button with subtle press feedback and reduced-motion support.","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/button.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/dot-orbit-shader.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/dot-orbit-shader.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/mesh-gradient-shader.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/mesh-gradient-shader.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/magnetic-button.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/magnetic-button.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/fluid-tabs.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/fluid-tabs.json","copy_url":"https://sona-ui.vercel.app/r/fluid-tabs.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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/fluid-slider.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/fluid-slider.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/activity-graph.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/activity-graph.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/animated-tabs.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/animated-tabs.json","copy_url":"https://sona-ui.vercel.app/r/animated-tabs.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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/accordion.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/ripple-button.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/ripple-button.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/marquee.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/marquee.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/spinning-text.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/spinning-text.json","copy_url":"https://sona-ui.vercel.app/r/spinning-text.json"},{"name":"stagger-text","title":"StaggerText","description":"A text component with staggered animation.","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/stagger-text.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/stagger-text.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/link-preview.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/link-preview.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/bubble-up-button.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/bubble-up-button.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/expandable-tabs.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/split-text.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/split-text.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/image-trail.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/image-trail.json","copy_url":"https://sona-ui.vercel.app/r/image-trail.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A card with a radial spotlight glow that follows the cursor.","type":"registry:ui","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/spotlight-card.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/spotlight-card.json","copy_url":"https://sona-ui.vercel.app/r/spotlight-card.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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/hold-to-delete-button.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/hold-to-delete-button.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/circular-dock-menu.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/circular-dock-menu.json","copy_url":"https://sona-ui.vercel.app/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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/fan-view.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/fan-view.json","copy_url":"https://sona-ui.vercel.app/r/fan-view.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","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/section-rail.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/section-rail.json","copy_url":"https://sona-ui.vercel.app/r/section-rail.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","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ui.soralabs.io.vn","github":"https://github.com/SoraLabsOSS/sora-ui-community","registry":"https://ui.soralabs.io.vn/r/registry.json","source":"https://ui.soralabs.io.vn/r/registry.json","page":"https://sh4dcn.vercel.app/registry/soralabs","markdown":"https://sh4dcn.vercel.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.io.vn/docs-og/image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.soralabs.io.vn/pricing"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-06-28T00:36:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.soralabs.io.vn/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.soralabs.io.vn/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.soralabs.io.vn/r/registry.json","clone":"git clone https://github.com/SoraLabsOSS/sora-ui-community.git","clone_degit":"npx degit SoraLabsOSS/sora-ui-community","registry_fetch":"curl -s https://ui.soralabs.io.vn/r/registry.json"},"component_count":87,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/index.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/index.json","copy_url":"https://ui.soralabs.io.vn/r/index.json"},{"name":"demo-particle-hover-button","title":"Particle Hover Button Demo","description":"A heart-particle sponsor link, styled after the anime.js navbar Sponsor button.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-particle-hover-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-particle-hover-button.json","copy_url":"https://ui.soralabs.io.vn/r/demo-particle-hover-button.json"},{"name":"demo-accordion","title":"Accordion Demo","description":"FAQ accordion with animated panels.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-accordion.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-accordion.json","copy_url":"https://ui.soralabs.io.vn/r/demo-accordion.json"},{"name":"demo-expandable-tabs","title":"Expandable Tabs Demo","description":"Pill tab bar expanding into a floating profile/notifications/settings panel.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-expandable-tabs.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-expandable-tabs.json","copy_url":"https://ui.soralabs.io.vn/r/demo-expandable-tabs.json"},{"name":"demo-inline-testimonials","title":"Inline Testimonials Demo","description":"Hover any avatar to reveal the author while the rest of the quote stream blurs out.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-inline-testimonials.json","copy_url":"https://ui.soralabs.io.vn/r/demo-inline-testimonials.json"},{"name":"demo-border-trail","title":"Border Trail Demo","description":"Card with animated border spotlight.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-border-trail.json","copy_url":"https://ui.soralabs.io.vn/r/demo-border-trail.json"},{"name":"demo-border-trail-loading","title":"Border Trail Loading Card Demo","description":"Submit-triggered border trail that loops twice then fades.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail-loading.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-border-trail-loading.json","copy_url":"https://ui.soralabs.io.vn/r/demo-border-trail-loading.json"},{"name":"demo-border-trail-textarea","title":"Border Trail Textarea Demo","description":"Textarea with a continuous gradient border trail.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail-textarea.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-border-trail-textarea.json","copy_url":"https://ui.soralabs.io.vn/r/demo-border-trail-textarea.json"},{"name":"demo-cursor-bubble","title":"Cursor Bubble Demo","description":"A floating cursor label that elastic-pops into view over interactive links.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-cursor-bubble.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-cursor-bubble.json","copy_url":"https://ui.soralabs.io.vn/r/demo-cursor-bubble.json"},{"name":"demo-cursor-trail-reveal","title":"Cursor Trail Reveal Demo","description":"Full-page contact layout with cursor trail image reveals on desktop.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-cursor-trail-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-cursor-trail-reveal.json","copy_url":"https://ui.soralabs.io.vn/r/demo-cursor-trail-reveal.json"},{"name":"demo-custom-cursor","title":"Custom Cursor Demo","description":"Custom cursor demo with Sora icons and shape variants.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-custom-cursor.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-custom-cursor.json","copy_url":"https://ui.soralabs.io.vn/r/demo-custom-cursor.json"},{"name":"demo-dock-nav","title":"Dock Nav Demo","description":"Apple-style dock navigation demo with app icons.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-dock-nav.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-dock-nav.json","copy_url":"https://ui.soralabs.io.vn/r/demo-dock-nav.json"},{"name":"demo-hero-carousel","title":"Hero Carousel Demo","description":"Hero image slideshow cycling through a set of project preview screenshots.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-hero-carousel.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-hero-carousel.json","copy_url":"https://ui.soralabs.io.vn/r/demo-hero-carousel.json"},{"name":"demo-highlight","title":"Highlight Demo","description":"Shared sliding highlight pill moving between nav items on hover.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-highlight.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-highlight.json","copy_url":"https://ui.soralabs.io.vn/r/demo-highlight.json"},{"name":"demo-highlight-click","title":"Highlight Click Demo","description":"Per-item fade background activated on click — menu list style.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-highlight-click.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-highlight-click.json","copy_url":"https://ui.soralabs.io.vn/r/demo-highlight-click.json"},{"name":"demo-infinite-scrolling-images","title":"Infinite Scrolling Images Demo","description":"Preview for the infinite stacked image scroll effect.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-infinite-scrolling-images.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-infinite-scrolling-images.json","copy_url":"https://ui.soralabs.io.vn/r/demo-infinite-scrolling-images.json"},{"name":"demo-logo-carousel-swapper","title":"Logo Carousel Swapper Demo","description":"Staggered four-column logo swapper with blur and vertical motion.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-logo-carousel-swapper.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-logo-carousel-swapper.json","copy_url":"https://ui.soralabs.io.vn/r/demo-logo-carousel-swapper.json"},{"name":"demo-magnetic-cards","title":"Magnetic Cards Demo","description":"A fanned stack of cards reacting to cursor movement with GSAP-driven spring physics.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-magnetic-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-magnetic-cards.json","copy_url":"https://ui.soralabs.io.vn/r/demo-magnetic-cards.json"},{"name":"demo-pixel-background","title":"Pixel Background Demo","description":"A hoverable panel revealing a grid of pixels staggered by the selected pattern.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-pixel-background.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-pixel-background.json","copy_url":"https://ui.soralabs.io.vn/r/demo-pixel-background.json"},{"name":"demo-progressive-blur","title":"Progressive Blur Demo","description":"A scrollable panel with progressive blur fading content under the top and bottom edges.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-progressive-blur.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-progressive-blur.json","copy_url":"https://ui.soralabs.io.vn/r/demo-progressive-blur.json"},{"name":"demo-scroll-chapters","title":"Scroll Chapters Demo","description":"Five chapters with a draggable, chaptered progress-bar nav — two of them opt out of showing a panel.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-scroll-chapters.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-scroll-chapters.json","copy_url":"https://ui.soralabs.io.vn/r/demo-scroll-chapters.json"},{"name":"demo-scroll-gallery","title":"Scroll Gallery Demo","description":"Sticky scroll slider with 4 slides, strip-mask transitions, and animated title swaps.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-scroll-gallery.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-scroll-gallery.json","copy_url":"https://ui.soralabs.io.vn/r/demo-scroll-gallery.json"},{"name":"demo-skeleton","title":"Skeleton Demo","description":"A profile card loading, then crossfading into content once ready.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-skeleton.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-skeleton.json","copy_url":"https://ui.soralabs.io.vn/r/demo-skeleton.json"},{"name":"demo-sticky-scroll-cards","title":"Sticky Scroll Cards Demo","description":"Front card flips to reveal 4 stacked back cards that dismiss one at a time as you scroll.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-sticky-scroll-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-sticky-scroll-cards.json","copy_url":"https://ui.soralabs.io.vn/r/demo-sticky-scroll-cards.json"},{"name":"demo-tilt-card","title":"Tilt Card Demo","description":"Card tilting toward the cursor with layered depth content.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-tilt-card.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-tilt-card.json","copy_url":"https://ui.soralabs.io.vn/r/demo-tilt-card.json"},{"name":"demo-tilt-card-glare","title":"Tilt Card Glare Demo","description":"Tilt card with a moving light reflection following the tilt angle.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-tilt-card-glare.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-tilt-card-glare.json","copy_url":"https://ui.soralabs.io.vn/r/demo-tilt-card-glare.json"},{"name":"demo-tilt-card-image","title":"Tilt Card Image Demo","description":"Image card with a subtle reversed tilt.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-tilt-card-image.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-tilt-card-image.json","copy_url":"https://ui.soralabs.io.vn/r/demo-tilt-card-image.json"},{"name":"demo-video-player","title":"Video Player Demo","description":"Trigger button that opens the modal video player with a sample chaptered video.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-video-player.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-video-player.json","copy_url":"https://ui.soralabs.io.vn/r/demo-video-player.json"},{"name":"demo-bottom-sheet","title":"Bottom Sheet Demo","description":"A settings panel reproduced with the Bottom Sheet primitive: a trigger, a hidden title, and a row list toggling a few mock settings.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-bottom-sheet.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-bottom-sheet.json","copy_url":"https://ui.soralabs.io.vn/r/demo-bottom-sheet.json"},{"name":"demo-dia-text-reveal","title":"Dia Text Reveal Demo","description":"Gradient sweep revealing a headline with a looping chromatic wash.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-dia-text-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-dia-text-reveal.json","copy_url":"https://ui.soralabs.io.vn/r/demo-dia-text-reveal.json"},{"name":"demo-draw-underline-link","title":"Draw Underline Link Demo","description":"Scrollable catalog preview with two centered link instances.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-draw-underline-link.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-draw-underline-link.json","copy_url":"https://ui.soralabs.io.vn/r/demo-draw-underline-link.json"},{"name":"demo-number-flow","title":"Number Flow Demo","description":"Number Flow demo with currency, input overlay, and countdown examples.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-number-flow.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-number-flow.json","copy_url":"https://ui.soralabs.io.vn/r/demo-number-flow.json"},{"name":"demo-text-cursor-loop","title":"Text Cursor Loop Demo","description":"The anime.js hero line, with the cursor flashing red only while collapsing/revealing.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-cursor-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-cursor-loop.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-cursor-loop.json"},{"name":"demo-text-effect","title":"Text Effect Demo","description":"Scroll-triggered text reveal with blur, fade, slide, and scale presets.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-effect.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-effect.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-effect.json"},{"name":"demo-text-loop","title":"Text Loop Demo","description":"Cycling headline built with TextLoop.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-loop.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-loop.json"},{"name":"demo-text-morph","title":"Text Morph Demo","description":"Continue / Confirm pill button with per-character layout morph.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-morph.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-morph.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-morph.json"},{"name":"demo-text-morph-input","title":"Text Morph Input Demo","description":"Live text morph driven by a controlled input.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-morph-input.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-morph-input.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-morph-input.json"},{"name":"demo-text-reveal-box","title":"Text Reveal Box Demo","description":"Scroll-pinned manifesto copy with word-by-word highlight reveal.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-box.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-reveal-box.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-box.json"},{"name":"demo-text-reveal-mask","title":"Text Reveal (Mask) Demo","description":"Scroll-triggered masked text reveal with rich text emphasis.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-mask.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-reveal-mask.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-mask.json"},{"name":"demo-text-roll","title":"Text Roll Demo","description":"Interactive copy button with chromatic text roll feedback.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-roll.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/demo-text-roll.json","copy_url":"https://ui.soralabs.io.vn/r/demo-text-roll.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-auto-height.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/hooks-use-auto-height.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-controlled-state.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/hooks-use-controlled-state.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-prefers-reduced-motion.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/hooks-use-prefers-reduced-motion.json","copy_url":"https://ui.soralabs.io.vn/r/hooks-use-prefers-reduced-motion.json"},{"name":"lib-ease","title":"Ease & Spring Tokens","description":"Shared cubic-bezier eases and Motion spring presets (press, swap, panel, layout, mouse) used across primitives to keep motion consistent.","type":"registry:lib","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/lib-ease.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/lib-ease.json","copy_url":"https://ui.soralabs.io.vn/r/lib-ease.json"},{"name":"lib-get-strict-context","title":"getStrictContext","description":"A hook that allows you to create a strict context.","type":"registry:lib","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/lib-get-strict-context.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/lib-get-strict-context.json","copy_url":"https://ui.soralabs.io.vn/r/lib-get-strict-context.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/lib-scroll-trigger-utils.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/lib-scroll-trigger-utils.json","copy_url":"https://ui.soralabs.io.vn/r/lib-scroll-trigger-utils.json"},{"name":"char-stagger-button","title":"Char Stagger Button","description":"A button with per-character stagger animation on hover.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/char-stagger-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/char-stagger-button.json","copy_url":"https://ui.soralabs.io.vn/r/char-stagger-button.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/particle-hover-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/particle-hover-button.json","copy_url":"https://ui.soralabs.io.vn/r/particle-hover-button.json"},{"name":"section-cta","title":"Section CTA","description":"A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips on hover.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/section-cta.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/section-cta.json","copy_url":"https://ui.soralabs.io.vn/r/section-cta.json"},{"name":"accordion","title":"Accordion","description":"An animated FAQ accordion with expandable panels, powered by Motion.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/accordion.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/accordion.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/expandable-tabs.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/inline-testimonials.json","copy_url":"https://ui.soralabs.io.vn/r/inline-testimonials.json"},{"name":"border-trail","title":"Border Trail","description":"Animated border spotlight that travels around a rounded container, powered by Motion.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/border-trail.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/border-trail.json","copy_url":"https://ui.soralabs.io.vn/r/border-trail.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/cursor-bubble.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/cursor-bubble.json","copy_url":"https://ui.soralabs.io.vn/r/cursor-bubble.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/cursor-trail-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/cursor-trail-reveal.json","copy_url":"https://ui.soralabs.io.vn/r/cursor-trail-reveal.json"},{"name":"custom-cursor","title":"Custom Cursor","description":"A smooth custom cursor that morphs when hovering interactive targets, powered by Motion.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/custom-cursor.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/custom-cursor.json","copy_url":"https://ui.soralabs.io.vn/r/custom-cursor.json"},{"name":"dock-nav","title":"Dock Nav","description":"An Apple-style dock navigation bar with Motion-powered expanding icons and tooltips on hover.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/dock-nav.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/dock-nav.json","copy_url":"https://ui.soralabs.io.vn/r/dock-nav.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/hero-carousel.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/hero-carousel.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/highlight.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/highlight.json","copy_url":"https://ui.soralabs.io.vn/r/highlight.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/infinite-scrolling-images.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/infinite-scrolling-images.json","copy_url":"https://ui.soralabs.io.vn/r/infinite-scrolling-images.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/logo-carousel-swapper.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/logo-carousel-swapper.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/magnetic-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/magnetic-cards.json","copy_url":"https://ui.soralabs.io.vn/r/magnetic-cards.json"},{"name":"pixel-background","title":"Pixel Background","description":"A canvas-based pixel grid that animates in on hover, with configurable reveal patterns.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/pixel-background.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/pixel-background.json","copy_url":"https://ui.soralabs.io.vn/r/pixel-background.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/pixel-image-loader.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/pixel-image-loader.json","copy_url":"https://ui.soralabs.io.vn/r/pixel-image-loader.json"},{"name":"pixelated-image-reveal","title":"Pixelated Image Reveal","description":"An image card that reveals a second image through a randomized pixel grid on hover, powered by Motion.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/pixelated-image-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/pixelated-image-reveal.json","copy_url":"https://ui.soralabs.io.vn/r/pixelated-image-reveal.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/progressive-blur.json","copy_url":"https://ui.soralabs.io.vn/r/progressive-blur.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/scroll-chapters.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/scroll-chapters.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/scroll-gallery.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/scroll-gallery.json","copy_url":"https://ui.soralabs.io.vn/r/scroll-gallery.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/skeleton.json","copy_url":"https://ui.soralabs.io.vn/r/skeleton.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/sticky-scroll-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/sticky-scroll-cards.json","copy_url":"https://ui.soralabs.io.vn/r/sticky-scroll-cards.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/tilt-card.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/video-player.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/video-player.json","copy_url":"https://ui.soralabs.io.vn/r/video-player.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"A draggable, snap-point bottom sheet built on Radix Dialog for accessibility, with Motion driving the drag gesture and glide.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/bottom-sheet.json","copy_url":"https://ui.soralabs.io.vn/r/bottom-sheet.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/dia-text-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/dia-text-reveal.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/draw-underline-link.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/draw-underline-link.json","copy_url":"https://ui.soralabs.io.vn/r/draw-underline-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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/number-flow.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/number-flow.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/rolling-text.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/rolling-text.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-cursor-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-cursor-loop.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-effect.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-effect.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-loop.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-morph.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-block.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-reveal-block.json","copy_url":"https://ui.soralabs.io.vn/r/text-reveal-block.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-box.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-reveal-box.json","copy_url":"https://ui.soralabs.io.vn/r/text-reveal-box.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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-mask.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-reveal-mask.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-roll.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-roll.json","copy_url":"https://ui.soralabs.io.vn/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","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-scramble.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-scramble.json","copy_url":"https://ui.soralabs.io.vn/r/text-scramble.json"},{"name":"text-underline","title":"Text Underline","description":"A CSS-only link underline that slides through on hover.","type":"registry:ui","tags":["animation","audio","backgrounds","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"source_url":"https://ui.soralabs.io.vn/r/text-underline.json","install_command":"npx shadcn@latest add https://ui.soralabs.io.vn/r/text-underline.json","copy_url":"https://ui.soralabs.io.vn/r/text-underline.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.vercel.app/registry/soundcn","markdown":"https://sh4dcn.vercel.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":691,"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/sound-types.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/sound-types.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/use-sound.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/use-sound.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/sound-engine.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/sound-engine.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-8bit.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-8bit.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-soft.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-soft.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/switch-on.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/switch-on.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/switch-off.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/switch-off.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/notification-pop.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/notification-pop.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/success-chime.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/success-chime.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-buzz.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-buzz.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/hover-tick.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/hover-tick.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/jump-8bit.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/jump-8bit.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/coin-collect.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/coin-collect.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/arcade-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/arcade-mode.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/battle-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/battle-mode.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/begin.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/begin.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/belt-handle-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/belt-handle-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/belt-handle-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/belt-handle-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/bong-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/bong-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-close.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-close.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-open.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-open.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-fan-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-fan-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-fan-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-fan-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shuffle.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shuffle.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-5.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-6.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-7.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-7.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-8.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-8.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/championship-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/championship-mode.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-5.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-handle-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-6.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-5.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-stack-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-6.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/choose-your-character.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/choose-your-character.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chop.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chop.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-005.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/close-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/close-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/close-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/close-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-belt.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-belt.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cloth-belt-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-belt-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/combo.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/combo.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/combo-breaker.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/combo-breaker.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/computer-noise-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/computer-noise-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/computer-noise-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/computer-noise-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/confirmation-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/confirmation-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/confirmation-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/confirmation-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/creak-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/creak-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/creak-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/deathmatch.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/deathmatch.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-grab-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-grab-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-grab-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-grab-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-shake-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-shake-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-shake-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-throw-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-throw-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/dice-throw-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/die-throw-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/die-throw-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/die-throw-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/die-throw-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-close-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-4.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-open-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-open-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-open-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-open-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/door-open-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/draw-knife-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-1.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/draw-knife-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/draw-knife-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-3.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/drop-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/drop-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/drop-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/drop-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/drop-leather.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-leather.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/engine-circular-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/engine-circular-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/engine-circular-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/engine-circular-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/engine-circular-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-005.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-006.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-006.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-007.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-007.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-008.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-008.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/explosion-crunch-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/explosion-crunch-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/explosion-crunch-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/explosion-crunch-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/explosion-crunch-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/fight.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/fight.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/flawless-victory.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/flawless-victory.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-00.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-00.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-01.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-01.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-02.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-02.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-03.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-03.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-04.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-04.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-05.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-05.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-06.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-06.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-07.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-07.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-08.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-08.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-09.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-09.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-carpet-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-carpet-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-carpet-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-carpet-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-carpet-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-concrete-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-concrete-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-concrete-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-concrete-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-concrete-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-grass-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-grass-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-grass-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-grass-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-grass-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-snow-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-snow-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-snow-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-snow-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-snow-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-wood-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-wood-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-wood-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-wood-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/footstep-wood-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/force-field-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/force-field-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/force-field-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/force-field-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/force-field-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-005.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glass-006.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-006.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glitch-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glitch-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glitch-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/glitch-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/handle-coins.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-coins.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/handle-coins-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-coins-2.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/handle-small-leather.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-small-leather.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/high-down.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/high-down.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/high-up.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/high-up.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/hold.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/hold.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/impact-metal-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-000.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/impact-metal-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-001.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/impact-metal-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-002.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/impact-metal-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-003.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/impact-metal-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-004.json","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"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","copy_url":"https://soundcn.xyz/r/impact-metal-light-000.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","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"labels":["featured","popular","recently-updated"],"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.vercel.app/registry/spectrumui","markdown":"https://sh4dcn.vercel.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":1003,"open_issues":3,"last_commit":"2026-07-06T20:02:20Z"},"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":116,"components":[{"name":"alert-1","title":"Alert demo","description":"component for the alert-demo","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-1.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-1.json","copy_url":"https://ui.spectrumhq.in/r/alert-1.json"},{"name":"alert-2","title":"Alert 2","description":"component for the alert-2","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-2.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-2.json","copy_url":"https://ui.spectrumhq.in/r/alert-2.json"},{"name":"alert-3","title":"Alert 3","description":"component for the alert-3","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-3.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-3.json","copy_url":"https://ui.spectrumhq.in/r/alert-3.json"},{"name":"alert-4","title":"Alert 4","description":"component for the alert-4","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-4.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-4.json","copy_url":"https://ui.spectrumhq.in/r/alert-4.json"},{"name":"animated-card","title":"Animated Card","description":"component for the Animated Card","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-card.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/animated-SVG-chart.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"component for the Animated Testimonials","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-testimonials.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/event-badge-3d.json"},{"name":"event-calendar","title":"Event Calendar","description":"component for the Event Calendar","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/event-calendar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/event-calendar.json","copy_url":"https://ui.spectrumhq.in/r/event-calendar.json"},{"name":"feedback-demo","title":"Feedback Demo","description":"component for the Feedback Demo","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/feedback-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/feedback-demo.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/floating-label-form.json"},{"name":"footers-demo","title":"Footers Demo","description":"component for the Footers Demo","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/footers-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/footers-demo.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/animated-wave-footer.json"},{"name":"stackedcircular-footer","title":"Stacked Circular Footer","description":"component for the Stacked Circular Footer","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/stackedcircular-footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/stackedcircular-footer.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floatingparticle-footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floatingparticle-footer.json","copy_url":"https://ui.spectrumhq.in/r/floatingparticle-footer.json"},{"name":"footer","title":"Footer","description":"component for the Footer","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/footer.json","copy_url":"https://ui.spectrumhq.in/r/footer.json"},{"name":"http-status-code","title":"HTTP Status Code","description":"component for the HTTP Status Code","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/http-status-code.json"},{"name":"image-preview","title":"Image Preview","description":"component for the Image Preview Dependencies","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/image-preview.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/image-preview.json","copy_url":"https://ui.spectrumhq.in/r/image-preview.json"},{"name":"image-preview","title":"Image Preview","description":"component for the Image Preview","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/image-preview.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/image-preview.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/multiple-selector-dependencies.json"},{"name":"inline-code","title":"Inline Code","description":"component for the Inline Code","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/inline-code.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/inline-code.json","copy_url":"https://ui.spectrumhq.in/r/inline-code.json"},{"name":"input-model","title":"Input Model","description":"component for the Input Model Demo","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/input-model.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/input-model.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/multiple-selector-with-group.json"},{"name":"use-toast","title":"Use Toast","description":"component for the Use Toast","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/use-toast.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/use-toast.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/navbar-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/navbar-demo.json","copy_url":"https://ui.spectrumhq.in/r/navbar-demo.json"},{"name":"circular-navbar","title":"Circular Navbar","description":"component for the Circular Navbar","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/circular-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/circular-navbar.json","copy_url":"https://ui.spectrumhq.in/r/circular-navbar.json"},{"name":"tab-navbar","title":"Tab Navbar","description":"component for the Tab Navbar","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/tab-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tab-navbar.json","copy_url":"https://ui.spectrumhq.in/r/tab-navbar.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"component for the Floating Navbar","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-navbar.json","copy_url":"https://ui.spectrumhq.in/r/floating-navbar.json"},{"name":"sidebar-navbar","title":"Sidebar Navbar","description":"component for the Sidebar Navbar","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/sidebar-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/sidebar-navbar.json","copy_url":"https://ui.spectrumhq.in/r/sidebar-navbar.json"},{"name":"login-card","title":"Login Card","description":"component for the Login Card","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/login-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/login-card.json","copy_url":"https://ui.spectrumhq.in/r/login-card.json"},{"name":"kanbanboard","title":"Kanban Board","description":"component for the Kanban Board","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/kanbanboard.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/kanbanboard.json","copy_url":"https://ui.spectrumhq.in/r/kanbanboard.json"},{"name":"profile-dropdown","title":"Profile Dropdown","description":"component for the Profile Dropdown","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/profile-dropdown.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/profile-dropdown.json","copy_url":"https://ui.spectrumhq.in/r/profile-dropdown.json"},{"name":"product-card","title":"Product Card","description":"component for the Product Card","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/product-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/product-card.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/value-position.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/value-position.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/custom-label.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/custom-label.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/responsive-modal-dependencies.json"},{"name":"responsive-modal","title":"Responsive Modal","description":"component for the Responsive Modal","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/responsive-modal.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/responsive-modal.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/responsive-modal-side.json"},{"name":"accordion","title":"Accordion","description":"component for the Accordion","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/accordion.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion.json","copy_url":"https://ui.spectrumhq.in/r/accordion.json"},{"name":"skeleton","title":"Skeleton","description":"component for the Skeleton","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/skeleton.json","copy_url":"https://ui.spectrumhq.in/r/skeleton.json"},{"name":"skeleton-card","title":"Skeleton Card","description":"component for the Skeleton Card","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/skeleton-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/skeleton-card.json","copy_url":"https://ui.spectrumhq.in/r/skeleton-card.json"},{"name":"spinner-dependencies","title":"Skeleton Card","description":"component for the Skeleton Card","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/spinner-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-dependencies.json","copy_url":"https://ui.spectrumhq.in/r/spinner-dependencies.json"},{"name":"spinner-demo","title":"Spinner Demo","description":"component for the Spinner Demo","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/spinner-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-demo.json","copy_url":"https://ui.spectrumhq.in/r/spinner-demo.json"},{"name":"spinner-size","title":"Spinner Size","description":"component for the Spinner Size","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/spinner-size.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-size.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"https://ui.spectrumhq.in/r/spinner-with-text.json"},{"name":"spinner-toggle","title":"Spinner Toggle","description":"component for the Spinner Toggle","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/spinner-toggle.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-toggle.json","copy_url":"https://ui.spectrumhq.in/r/spinner-toggle.json"},{"name":"status-badge","title":"Status Badge","description":"component for the Status Badge","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/status-badge.json","copy_url":"https://ui.spectrumhq.in/r/status-badge.json"},{"name":"testimonials","title":"Testimonials","description":"component for the Testimonials","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/testimonials.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/testimonials.json","copy_url":"https://ui.spectrumhq.in/r/testimonials.json"},{"name":"holographic","title":"Holographic Scan Reveal","description":"component for the Holographic Scan Reveal","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/holographic.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/holographic.json","copy_url":"https://ui.spectrumhq.in/r/holographic.json"},{"name":"orbital-letters","title":"Orbital Letters","description":"component for the Orbital Letters","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/orbital-letters.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/orbital-letters.json","copy_url":"https://ui.spectrumhq.in/r/orbital-letters.json"},{"name":"ink","title":"Fluid Ink Morph","description":"component for the Fluid Ink Morph","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/ink.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/ink.json","copy_url":"https://ui.spectrumhq.in/r/ink.json"},{"name":"animated-drawer","title":"Animated Drawer","description":"component for the Animated Drawer","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-drawer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-drawer.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/command-palette.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/scratch-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/scratch-card.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dock.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dock-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock-demo.json","copy_url":"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","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dock-glass.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock-glass.json","copy_url":"https://ui.spectrumhq.in/r/dock-glass.json"},{"name":"bento-grid","title":"Bento Grid","description":"A premium interactive Bento Grid component","type":"registry:component","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/bento-grid.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/bento-grid.json","copy_url":"https://ui.spectrumhq.in/r/bento-grid.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"],"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.vercel.app/registry/spell","markdown":"https://sh4dcn.vercel.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":1022,"open_issues":0,"last_commit":"2026-06-19T14:03:09Z"},"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/chart.json","install_command":"npx shadcn@latest add https://spell.sh/r/chart.json","copy_url":"https://spell.sh/r/chart.json"},{"name":"blur-reveal","title":"Blur Reveal","description":"Animated text reveal with blur effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/blur-reveal.json","install_command":"npx shadcn@latest add https://spell.sh/r/blur-reveal.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/perspective-book.json","install_command":"npx shadcn@latest add https://spell.sh/r/perspective-book.json","copy_url":"https://spell.sh/r/perspective-book.json"},{"name":"badge","title":"Badge","description":"A badge component with multiple color variants and sizes.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/badge.json","install_command":"npx shadcn@latest add https://spell.sh/r/badge.json","copy_url":"https://spell.sh/r/badge.json"},{"name":"color-selector","title":"Color Selector","description":"Interactive color picker component.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/color-selector.json","install_command":"npx shadcn@latest add https://spell.sh/r/color-selector.json","copy_url":"https://spell.sh/r/color-selector.json"},{"name":"special-text","title":"Special Text","description":"Animated text with scramble effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/special-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/special-text.json","copy_url":"https://spell.sh/r/special-text.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Text with animated shimmer highlight effect.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/shimmer-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/shimmer-text.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/highlighted-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/highlighted-text.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/rich-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/rich-button.json","copy_url":"https://spell.sh/r/rich-button.json"},{"name":"kbd","title":"Keyboard Shortcuts","description":"Display keyboard shortcuts with proper key symbols.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/kbd.json","install_command":"npx shadcn@latest add https://spell.sh/r/kbd.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/label-input.json","install_command":"npx shadcn@latest add https://spell.sh/r/label-input.json","copy_url":"https://spell.sh/r/label-input.json"},{"name":"spinner","title":"Spinner","description":"A loading spinner component with customizable size and color.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/spinner.json","install_command":"npx shadcn@latest add https://spell.sh/r/spinner.json","copy_url":"https://spell.sh/r/spinner.json"},{"name":"bars-spinner","title":"Bars Spinner","description":"A loading spinner with rotating bars animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/bars-spinner.json","install_command":"npx shadcn@latest add https://spell.sh/r/bars-spinner.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/flow-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/flow-button.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/slide-up-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/slide-up-text.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/copy-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/copy-button.json","copy_url":"https://spell.sh/r/copy-button.json"},{"name":"text-marquee","title":"Text Marquee","description":"Animated text marquee component with vertical scrolling.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/text-marquee.json","install_command":"npx shadcn@latest add https://spell.sh/r/text-marquee.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/words-stagger.json","install_command":"npx shadcn@latest add https://spell.sh/r/words-stagger.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/tilt-card.json","install_command":"npx shadcn@latest add https://spell.sh/r/tilt-card.json","copy_url":"https://spell.sh/r/tilt-card.json"},{"name":"marquee","title":"Marquee","description":"Infinite scrolling marquee component with customizable speed and direction.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/marquee.json","install_command":"npx shadcn@latest add https://spell.sh/r/marquee.json","copy_url":"https://spell.sh/r/marquee.json"},{"name":"signature","title":"Signature","description":"Animated signature component with handwriting effect using custom fonts.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/signature.json","install_command":"npx shadcn@latest add https://spell.sh/r/signature.json","copy_url":"https://spell.sh/r/signature.json"},{"name":"randomized-text","title":"Randomized Text","description":"Text component with randomized character reveal animation.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/randomized-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/randomized-text.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/pop-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/pop-button.json","copy_url":"https://spell.sh/r/pop-button.json"},{"name":"tweet","title":"Tweet","description":"Embed Twitter/X posts with custom styling.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/tweet.json","install_command":"npx shadcn@latest add https://spell.sh/r/tweet.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/spotify-card.json","install_command":"npx shadcn@latest add https://spell.sh/r/spotify-card.json","copy_url":"https://spell.sh/r/spotify-card.json"},{"name":"light-rays","title":"Light Rays","description":"Animated light rays effect using WebGL shaders.","type":"registry:component","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/light-rays.json","install_command":"npx shadcn@latest add https://spell.sh/r/light-rays.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/animated-gradient.json","install_command":"npx shadcn@latest add https://spell.sh/r/animated-gradient.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/animated-checkbox.json","install_command":"npx shadcn@latest add https://spell.sh/r/animated-checkbox.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/exploding-input.json","install_command":"npx shadcn@latest add https://spell.sh/r/exploding-input.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/gradient-wave-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/gradient-wave-text.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/logos-carousel.json","install_command":"npx shadcn@latest add https://spell.sh/r/logos-carousel.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/qr-code.json","install_command":"npx shadcn@latest add https://spell.sh/r/qr-code.json","copy_url":"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","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"source_url":"https://spell.sh/r/fallback-avatar.json","install_command":"npx shadcn@latest add https://spell.sh/r/fallback-avatar.json","copy_url":"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","pro-available","tables"],"categories":["Dashboard/admin templates"],"labels":["featured","popular","pro"],"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.vercel.app/registry/square-ui","markdown":"https://sh4dcn.vercel.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":true,"pro_url":null,"pricing_url":"https://pro.lndevui.com/pricing"},"metrics":{"github_stars":5931,"open_issues":0,"last_commit":"2026-06-14T11:49:48Z"},"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":"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":["recently-updated"],"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.vercel.app/registry/stepper","markdown":"https://sh4dcn.vercel.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-06T15:11:42Z"},"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","marketing","navigation","onboarding","tables"],"categories":["Niche/single-purpose"],"source_url":"https://francozeta-stepper.vercel.app/stepper.json","install_command":"npx shadcn@latest add https://francozeta-stepper.vercel.app/stepper.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","marketing","navigation","onboarding","tables"],"categories":["Niche/single-purpose"],"source_url":"https://francozeta-stepper.vercel.app/stepper-demo.json","install_command":"npx shadcn@latest add https://francozeta-stepper.vercel.app/stepper-demo.json","copy_url":"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","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","marketing","navigation","onboarding","tables"],"categories":["Niche/single-purpose"],"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","copy_url":"https://francozeta-stepper.vercel.app/stepper-intent-onboarding.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.vercel.app/registry/supabase","markdown":"https://sh4dcn.vercel.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/ui/img/supabase-og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://supabase.com/pricing"},"metrics":{"github_stars":105895,"open_issues":1076,"last_commit":"2026-07-08T08:40:58Z"},"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":60,"components":[{"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-nextjs.json","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-react.json","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-tanstack.json","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/infinite-query-hook.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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/tanstack-db-nextjs.json"},{"name":"supabase-client-nextjs","title":"Supabase Client for Next.js","description":null,"type":"registry:lib","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/supabase-client-nextjs.json"},{"name":"supabase-client-react","title":"Supabase Client for React","description":null,"type":"registry:lib","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/platform-kit-nextjs.json"},{"name":"supabase-client-nuxtjs","title":"Supabase Client for Nuxt.js","description":null,"type":"registry:lib","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/supabase-client-nuxtjs.json"},{"name":"supabase-client-vue","title":"Supabase Client for Vue","description":null,"type":"registry:lib","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-nuxtjs.json","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-vue.json","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"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","copy_url":"https://supabase.com/ui/r/infinite-query-composable.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","auth","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.vercel.app/registry/svgl","markdown":"https://sh4dcn.vercel.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":6173,"open_issues":294,"last_commit":"2026-07-05T22:32:12Z"},"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":"plausible-analytics","title":"plausible-analytics","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/plausible-analytics.json","install_command":"npx shadcn@latest add https://svgl.app/r/plausible-analytics.json","copy_url":"https://svgl.app/r/plausible-analytics.json"},{"name":"ivy-framework","title":"ivy-framework","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ivy-framework.json","install_command":"npx shadcn@latest add https://svgl.app/r/ivy-framework.json","copy_url":"https://svgl.app/r/ivy-framework.json"},{"name":"zaia-endless","title":"zaia-endless","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/zaia-endless.json","install_command":"npx shadcn@latest add https://svgl.app/r/zaia-endless.json","copy_url":"https://svgl.app/r/zaia-endless.json"},{"name":"langchain","title":"langchain","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/langchain.json","install_command":"npx shadcn@latest add https://svgl.app/r/langchain.json","copy_url":"https://svgl.app/r/langchain.json"},{"name":"granola","title":"granola","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/granola.json","install_command":"npx shadcn@latest add https://svgl.app/r/granola.json","copy_url":"https://svgl.app/r/granola.json"},{"name":"nvidia","title":"nvidia","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nvidia.json","install_command":"npx shadcn@latest add https://svgl.app/r/nvidia.json","copy_url":"https://svgl.app/r/nvidia.json"},{"name":"proton-mail","title":"proton-mail","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/proton-mail.json","install_command":"npx shadcn@latest add https://svgl.app/r/proton-mail.json","copy_url":"https://svgl.app/r/proton-mail.json"},{"name":"proton-vpn","title":"proton-vpn","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/proton-vpn.json","install_command":"npx shadcn@latest add https://svgl.app/r/proton-vpn.json","copy_url":"https://svgl.app/r/proton-vpn.json"},{"name":"google-classroom","title":"google-classroom","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-classroom.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-classroom.json","copy_url":"https://svgl.app/r/google-classroom.json"},{"name":"google-antigravity","title":"google-antigravity","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-antigravity.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-antigravity.json","copy_url":"https://svgl.app/r/google-antigravity.json"},{"name":"kimi","title":"kimi","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/kimi.json","install_command":"npx shadcn@latest add https://svgl.app/r/kimi.json","copy_url":"https://svgl.app/r/kimi.json"},{"name":"zyft","title":"zyft","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/zyft.json","install_command":"npx shadcn@latest add https://svgl.app/r/zyft.json","copy_url":"https://svgl.app/r/zyft.json"},{"name":"perspective","title":"perspective","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/perspective.json","install_command":"npx shadcn@latest add https://svgl.app/r/perspective.json","copy_url":"https://svgl.app/r/perspective.json"},{"name":"windsurf","title":"windsurf","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/windsurf.json","install_command":"npx shadcn@latest add https://svgl.app/r/windsurf.json","copy_url":"https://svgl.app/r/windsurf.json"},{"name":"mattermost","title":"mattermost","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mattermost.json","install_command":"npx shadcn@latest add https://svgl.app/r/mattermost.json","copy_url":"https://svgl.app/r/mattermost.json"},{"name":"inngest","title":"inngest","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/inngest.json","install_command":"npx shadcn@latest add https://svgl.app/r/inngest.json","copy_url":"https://svgl.app/r/inngest.json"},{"name":"daisyui","title":"daisyui","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/daisyui.json","install_command":"npx shadcn@latest add https://svgl.app/r/daisyui.json","copy_url":"https://svgl.app/r/daisyui.json"},{"name":"paypal","title":"paypal","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/paypal.json","install_command":"npx shadcn@latest add https://svgl.app/r/paypal.json","copy_url":"https://svgl.app/r/paypal.json"},{"name":"google-drive","title":"google-drive","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-drive.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-drive.json","copy_url":"https://svgl.app/r/google-drive.json"},{"name":"amazon-q","title":"amazon-q","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/amazon-q.json","install_command":"npx shadcn@latest add https://svgl.app/r/amazon-q.json","copy_url":"https://svgl.app/r/amazon-q.json"},{"name":"mulesoft","title":"mulesoft","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mulesoft.json","install_command":"npx shadcn@latest add https://svgl.app/r/mulesoft.json","copy_url":"https://svgl.app/r/mulesoft.json"},{"name":"uv","title":"uv","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/uv.json","install_command":"npx shadcn@latest add https://svgl.app/r/uv.json","copy_url":"https://svgl.app/r/uv.json"},{"name":"milanote","title":"milanote","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/milanote.json","install_command":"npx shadcn@latest add https://svgl.app/r/milanote.json","copy_url":"https://svgl.app/r/milanote.json"},{"name":"together-ai","title":"together-ai","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/together-ai.json","install_command":"npx shadcn@latest add https://svgl.app/r/together-ai.json","copy_url":"https://svgl.app/r/together-ai.json"},{"name":"suno","title":"suno","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/suno.json","install_command":"npx shadcn@latest add https://svgl.app/r/suno.json","copy_url":"https://svgl.app/r/suno.json"},{"name":"groq","title":"groq","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/groq.json","install_command":"npx shadcn@latest add https://svgl.app/r/groq.json","copy_url":"https://svgl.app/r/groq.json"},{"name":"cohere","title":"cohere","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cohere.json","install_command":"npx shadcn@latest add https://svgl.app/r/cohere.json","copy_url":"https://svgl.app/r/cohere.json"},{"name":"ollama","title":"ollama","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ollama.json","install_command":"npx shadcn@latest add https://svgl.app/r/ollama.json","copy_url":"https://svgl.app/r/ollama.json"},{"name":"cisco","title":"cisco","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cisco.json","install_command":"npx shadcn@latest add https://svgl.app/r/cisco.json","copy_url":"https://svgl.app/r/cisco.json"},{"name":"animate","title":"animate","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/animate.json","install_command":"npx shadcn@latest add https://svgl.app/r/animate.json","copy_url":"https://svgl.app/r/animate.json"},{"name":"apolloio","title":"apolloio","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/apolloio.json","install_command":"npx shadcn@latest add https://svgl.app/r/apolloio.json","copy_url":"https://svgl.app/r/apolloio.json"},{"name":"blender","title":"blender","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/blender.json","install_command":"npx shadcn@latest add https://svgl.app/r/blender.json","copy_url":"https://svgl.app/r/blender.json"},{"name":"lua","title":"lua","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/lua.json","install_command":"npx shadcn@latest add https://svgl.app/r/lua.json","copy_url":"https://svgl.app/r/lua.json"},{"name":"mercado-libre","title":"mercado-libre","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mercado-libre.json","install_command":"npx shadcn@latest add https://svgl.app/r/mercado-libre.json","copy_url":"https://svgl.app/r/mercado-libre.json"},{"name":"mercado-pago","title":"mercado-pago","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mercado-pago.json","install_command":"npx shadcn@latest add https://svgl.app/r/mercado-pago.json","copy_url":"https://svgl.app/r/mercado-pago.json"},{"name":"basewell","title":"basewell","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/basewell.json","install_command":"npx shadcn@latest add https://svgl.app/r/basewell.json","copy_url":"https://svgl.app/r/basewell.json"},{"name":"ahooks","title":"ahooks","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ahooks.json","install_command":"npx shadcn@latest add https://svgl.app/r/ahooks.json","copy_url":"https://svgl.app/r/ahooks.json"},{"name":"discord","title":"discord","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/discord.json","install_command":"npx shadcn@latest add https://svgl.app/r/discord.json","copy_url":"https://svgl.app/r/discord.json"},{"name":"aliexpress","title":"aliexpress","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/aliexpress.json","install_command":"npx shadcn@latest add https://svgl.app/r/aliexpress.json","copy_url":"https://svgl.app/r/aliexpress.json"},{"name":"preact","title":"preact","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/preact.json","install_command":"npx shadcn@latest add https://svgl.app/r/preact.json","copy_url":"https://svgl.app/r/preact.json"},{"name":"react","title":"react","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/react.json","install_command":"npx shadcn@latest add https://svgl.app/r/react.json","copy_url":"https://svgl.app/r/react.json"},{"name":"svelte","title":"svelte","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/svelte.json","install_command":"npx shadcn@latest add https://svgl.app/r/svelte.json","copy_url":"https://svgl.app/r/svelte.json"},{"name":"vue","title":"vue","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/vue.json","install_command":"npx shadcn@latest add https://svgl.app/r/vue.json","copy_url":"https://svgl.app/r/vue.json"},{"name":"vuetify","title":"vuetify","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/vuetify.json","install_command":"npx shadcn@latest add https://svgl.app/r/vuetify.json","copy_url":"https://svgl.app/r/vuetify.json"},{"name":"nuxt","title":"nuxt","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt.json","copy_url":"https://svgl.app/r/nuxt.json"},{"name":"nuxt-ui","title":"nuxt-ui","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-ui.json","copy_url":"https://svgl.app/r/nuxt-ui.json"},{"name":"nuxt-content","title":"nuxt-content","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-content.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-content.json","copy_url":"https://svgl.app/r/nuxt-content.json"},{"name":"nuxt-studio","title":"nuxt-studio","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-studio.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-studio.json","copy_url":"https://svgl.app/r/nuxt-studio.json"},{"name":"nuxthub","title":"nuxthub","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxthub.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxthub.json","copy_url":"https://svgl.app/r/nuxthub.json"},{"name":"docus","title":"docus","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/docus.json","install_command":"npx shadcn@latest add https://svgl.app/r/docus.json","copy_url":"https://svgl.app/r/docus.json"},{"name":"visual-studio-code","title":"visual-studio-code","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/visual-studio-code.json","install_command":"npx shadcn@latest add https://svgl.app/r/visual-studio-code.json","copy_url":"https://svgl.app/r/visual-studio-code.json"},{"name":"ton","title":"ton","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ton.json","install_command":"npx shadcn@latest add https://svgl.app/r/ton.json","copy_url":"https://svgl.app/r/ton.json"},{"name":"locofy","title":"locofy","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/locofy.json","install_command":"npx shadcn@latest add https://svgl.app/r/locofy.json","copy_url":"https://svgl.app/r/locofy.json"},{"name":"runway","title":"runway","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/runway.json","install_command":"npx shadcn@latest add https://svgl.app/r/runway.json","copy_url":"https://svgl.app/r/runway.json"},{"name":"yarn","title":"yarn","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/yarn.json","install_command":"npx shadcn@latest add https://svgl.app/r/yarn.json","copy_url":"https://svgl.app/r/yarn.json"},{"name":"jwt","title":"jwt","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jwt.json","install_command":"npx shadcn@latest add https://svgl.app/r/jwt.json","copy_url":"https://svgl.app/r/jwt.json"},{"name":"strapi","title":"strapi","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/strapi.json","install_command":"npx shadcn@latest add https://svgl.app/r/strapi.json","copy_url":"https://svgl.app/r/strapi.json"},{"name":"figma","title":"figma","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/figma.json","install_command":"npx shadcn@latest add https://svgl.app/r/figma.json","copy_url":"https://svgl.app/r/figma.json"},{"name":"spotify","title":"spotify","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/spotify.json","install_command":"npx shadcn@latest add https://svgl.app/r/spotify.json","copy_url":"https://svgl.app/r/spotify.json"},{"name":"workos","title":"workos","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/workos.json","install_command":"npx shadcn@latest add https://svgl.app/r/workos.json","copy_url":"https://svgl.app/r/workos.json"},{"name":"whop","title":"whop","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/whop.json","install_command":"npx shadcn@latest add https://svgl.app/r/whop.json","copy_url":"https://svgl.app/r/whop.json"},{"name":"postman","title":"postman","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/postman.json","install_command":"npx shadcn@latest add https://svgl.app/r/postman.json","copy_url":"https://svgl.app/r/postman.json"},{"name":"discordjs","title":"discordjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/discordjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/discordjs.json","copy_url":"https://svgl.app/r/discordjs.json"},{"name":"opensea","title":"opensea","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/opensea.json","install_command":"npx shadcn@latest add https://svgl.app/r/opensea.json","copy_url":"https://svgl.app/r/opensea.json"},{"name":"algolia","title":"algolia","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/algolia.json","install_command":"npx shadcn@latest add https://svgl.app/r/algolia.json","copy_url":"https://svgl.app/r/algolia.json"},{"name":"bootstrap","title":"bootstrap","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/bootstrap.json","install_command":"npx shadcn@latest add https://svgl.app/r/bootstrap.json","copy_url":"https://svgl.app/r/bootstrap.json"},{"name":"facebook","title":"facebook","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/facebook.json","install_command":"npx shadcn@latest add https://svgl.app/r/facebook.json","copy_url":"https://svgl.app/r/facebook.json"},{"name":"twitter","title":"twitter","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/twitter.json","install_command":"npx shadcn@latest add https://svgl.app/r/twitter.json","copy_url":"https://svgl.app/r/twitter.json"},{"name":"esbuild","title":"esbuild","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/esbuild.json","install_command":"npx shadcn@latest add https://svgl.app/r/esbuild.json","copy_url":"https://svgl.app/r/esbuild.json"},{"name":"deno","title":"deno","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/deno.json","install_command":"npx shadcn@latest add https://svgl.app/r/deno.json","copy_url":"https://svgl.app/r/deno.json"},{"name":"gatsby","title":"gatsby","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/gatsby.json","install_command":"npx shadcn@latest add https://svgl.app/r/gatsby.json","copy_url":"https://svgl.app/r/gatsby.json"},{"name":"npm","title":"npm","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/npm.json","install_command":"npx shadcn@latest add https://svgl.app/r/npm.json","copy_url":"https://svgl.app/r/npm.json"},{"name":"nuget","title":"nuget","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuget.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuget.json","copy_url":"https://svgl.app/r/nuget.json"},{"name":"homebrew","title":"homebrew","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/homebrew.json","install_command":"npx shadcn@latest add https://svgl.app/r/homebrew.json","copy_url":"https://svgl.app/r/homebrew.json"},{"name":"sublime-text","title":"sublime-text","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/sublime-text.json","install_command":"npx shadcn@latest add https://svgl.app/r/sublime-text.json","copy_url":"https://svgl.app/r/sublime-text.json"},{"name":"turborepo","title":"turborepo","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/turborepo.json","install_command":"npx shadcn@latest add https://svgl.app/r/turborepo.json","copy_url":"https://svgl.app/r/turborepo.json"},{"name":"tailwind-css","title":"tailwind-css","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/tailwind-css.json","install_command":"npx shadcn@latest add https://svgl.app/r/tailwind-css.json","copy_url":"https://svgl.app/r/tailwind-css.json"},{"name":"wakatime","title":"wakatime","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/wakatime.json","install_command":"npx shadcn@latest add https://svgl.app/r/wakatime.json","copy_url":"https://svgl.app/r/wakatime.json"},{"name":"styled-components","title":"styled-components","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/styled-components.json","install_command":"npx shadcn@latest add https://svgl.app/r/styled-components.json","copy_url":"https://svgl.app/r/styled-components.json"},{"name":"angular","title":"angular","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/angular.json","install_command":"npx shadcn@latest add https://svgl.app/r/angular.json","copy_url":"https://svgl.app/r/angular.json"},{"name":"blitz","title":"blitz","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/blitz.json","install_command":"npx shadcn@latest add https://svgl.app/r/blitz.json","copy_url":"https://svgl.app/r/blitz.json"},{"name":"lit","title":"lit","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/lit.json","install_command":"npx shadcn@latest add https://svgl.app/r/lit.json","copy_url":"https://svgl.app/r/lit.json"},{"name":"atom","title":"atom","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/atom.json","install_command":"npx shadcn@latest add https://svgl.app/r/atom.json","copy_url":"https://svgl.app/r/atom.json"},{"name":"youtube","title":"youtube","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/youtube.json","install_command":"npx shadcn@latest add https://svgl.app/r/youtube.json","copy_url":"https://svgl.app/r/youtube.json"},{"name":"astro","title":"astro","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/astro.json","install_command":"npx shadcn@latest add https://svgl.app/r/astro.json","copy_url":"https://svgl.app/r/astro.json"},{"name":"google","title":"google","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google.json","install_command":"npx shadcn@latest add https://svgl.app/r/google.json","copy_url":"https://svgl.app/r/google.json"},{"name":"google-play","title":"google-play","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-play.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-play.json","copy_url":"https://svgl.app/r/google-play.json"},{"name":"framer","title":"framer","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/framer.json","install_command":"npx shadcn@latest add https://svgl.app/r/framer.json","copy_url":"https://svgl.app/r/framer.json"},{"name":"netflix","title":"netflix","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/netflix.json","install_command":"npx shadcn@latest add https://svgl.app/r/netflix.json","copy_url":"https://svgl.app/r/netflix.json"},{"name":"firefox","title":"firefox","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/firefox.json","install_command":"npx shadcn@latest add https://svgl.app/r/firefox.json","copy_url":"https://svgl.app/r/firefox.json"},{"name":"linkedin","title":"linkedin","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/linkedin.json","install_command":"npx shadcn@latest add https://svgl.app/r/linkedin.json","copy_url":"https://svgl.app/r/linkedin.json"},{"name":"telegram","title":"telegram","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/telegram.json","install_command":"npx shadcn@latest add https://svgl.app/r/telegram.json","copy_url":"https://svgl.app/r/telegram.json"},{"name":"matrix","title":"matrix","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/matrix.json","install_command":"npx shadcn@latest add https://svgl.app/r/matrix.json","copy_url":"https://svgl.app/r/matrix.json"},{"name":"whatsapp","title":"whatsapp","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/whatsapp.json","install_command":"npx shadcn@latest add https://svgl.app/r/whatsapp.json","copy_url":"https://svgl.app/r/whatsapp.json"},{"name":"headless-ui","title":"headless-ui","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/headless-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/headless-ui.json","copy_url":"https://svgl.app/r/headless-ui.json"},{"name":"kotlin","title":"kotlin","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/kotlin.json","install_command":"npx shadcn@latest add https://svgl.app/r/kotlin.json","copy_url":"https://svgl.app/r/kotlin.json"},{"name":"storybook","title":"storybook","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/storybook.json","install_command":"npx shadcn@latest add https://svgl.app/r/storybook.json","copy_url":"https://svgl.app/r/storybook.json"},{"name":"netlify","title":"netlify","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/netlify.json","install_command":"npx shadcn@latest add https://svgl.app/r/netlify.json","copy_url":"https://svgl.app/r/netlify.json"},{"name":"solidjs","title":"solidjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/solidjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/solidjs.json","copy_url":"https://svgl.app/r/solidjs.json"},{"name":"mongodb","title":"mongodb","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mongodb.json","install_command":"npx shadcn@latest add https://svgl.app/r/mongodb.json","copy_url":"https://svgl.app/r/mongodb.json"},{"name":"moon","title":"moon","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/moon.json","install_command":"npx shadcn@latest add https://svgl.app/r/moon.json","copy_url":"https://svgl.app/r/moon.json"},{"name":"payload-cms","title":"payload-cms","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/payload-cms.json","install_command":"npx shadcn@latest add https://svgl.app/r/payload-cms.json","copy_url":"https://svgl.app/r/payload-cms.json"},{"name":"fly","title":"fly","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/fly.json","install_command":"npx shadcn@latest add https://svgl.app/r/fly.json","copy_url":"https://svgl.app/r/fly.json"},{"name":"learnthis","title":"learnthis","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/learnthis.json","install_command":"npx shadcn@latest add https://svgl.app/r/learnthis.json","copy_url":"https://svgl.app/r/learnthis.json"},{"name":"visual-studio","title":"visual-studio","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/visual-studio.json","install_command":"npx shadcn@latest add https://svgl.app/r/visual-studio.json","copy_url":"https://svgl.app/r/visual-studio.json"},{"name":"chakra-ui","title":"chakra-ui","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/chakra-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/chakra-ui.json","copy_url":"https://svgl.app/r/chakra-ui.json"},{"name":"expressjs","title":"expressjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/expressjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/expressjs.json","copy_url":"https://svgl.app/r/expressjs.json"},{"name":"fastify","title":"fastify","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/fastify.json","install_command":"npx shadcn@latest add https://svgl.app/r/fastify.json","copy_url":"https://svgl.app/r/fastify.json"},{"name":"javascript","title":"javascript","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/javascript.json","install_command":"npx shadcn@latest add https://svgl.app/r/javascript.json","copy_url":"https://svgl.app/r/javascript.json"},{"name":"jquery","title":"jquery","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jquery.json","install_command":"npx shadcn@latest add https://svgl.app/r/jquery.json","copy_url":"https://svgl.app/r/jquery.json"},{"name":"rapid-api","title":"rapid-api","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/rapid-api.json","install_command":"npx shadcn@latest add https://svgl.app/r/rapid-api.json","copy_url":"https://svgl.app/r/rapid-api.json"},{"name":"typescript","title":"typescript","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/typescript.json","install_command":"npx shadcn@latest add https://svgl.app/r/typescript.json","copy_url":"https://svgl.app/r/typescript.json"},{"name":"bun","title":"bun","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/bun.json","install_command":"npx shadcn@latest add https://svgl.app/r/bun.json","copy_url":"https://svgl.app/r/bun.json"},{"name":"buildship","title":"buildship","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/buildship.json","install_command":"npx shadcn@latest add https://svgl.app/r/buildship.json","copy_url":"https://svgl.app/r/buildship.json"},{"name":"twilio","title":"twilio","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/twilio.json","install_command":"npx shadcn@latest add https://svgl.app/r/twilio.json","copy_url":"https://svgl.app/r/twilio.json"},{"name":"arc","title":"arc","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/arc.json","install_command":"npx shadcn@latest add https://svgl.app/r/arc.json","copy_url":"https://svgl.app/r/arc.json"},{"name":"arc","title":"arc","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/arc.json","install_command":"npx shadcn@latest add https://svgl.app/r/arc.json","copy_url":"https://svgl.app/r/arc.json"},{"name":"qwik","title":"qwik","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/qwik.json","install_command":"npx shadcn@latest add https://svgl.app/r/qwik.json","copy_url":"https://svgl.app/r/qwik.json"},{"name":"coinbase","title":"coinbase","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/coinbase.json","install_command":"npx shadcn@latest add https://svgl.app/r/coinbase.json","copy_url":"https://svgl.app/r/coinbase.json"},{"name":"authy","title":"authy","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/authy.json","install_command":"npx shadcn@latest add https://svgl.app/r/authy.json","copy_url":"https://svgl.app/r/authy.json"},{"name":"nestjs","title":"nestjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nestjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/nestjs.json","copy_url":"https://svgl.app/r/nestjs.json"},{"name":"github-copilot","title":"github-copilot","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/github-copilot.json","install_command":"npx shadcn@latest add https://svgl.app/r/github-copilot.json","copy_url":"https://svgl.app/r/github-copilot.json"},{"name":"railway","title":"railway","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/railway.json","install_command":"npx shadcn@latest add https://svgl.app/r/railway.json","copy_url":"https://svgl.app/r/railway.json"},{"name":"docusaurus","title":"docusaurus","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/docusaurus.json","install_command":"npx shadcn@latest add https://svgl.app/r/docusaurus.json","copy_url":"https://svgl.app/r/docusaurus.json"},{"name":"twitch","title":"twitch","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/twitch.json","install_command":"npx shadcn@latest add https://svgl.app/r/twitch.json","copy_url":"https://svgl.app/r/twitch.json"},{"name":"godaddy","title":"godaddy","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/godaddy.json","install_command":"npx shadcn@latest add https://svgl.app/r/godaddy.json","copy_url":"https://svgl.app/r/godaddy.json"},{"name":"udemy","title":"udemy","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/udemy.json","install_command":"npx shadcn@latest add https://svgl.app/r/udemy.json","copy_url":"https://svgl.app/r/udemy.json"},{"name":"graphql","title":"graphql","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/graphql.json","install_command":"npx shadcn@latest add https://svgl.app/r/graphql.json","copy_url":"https://svgl.app/r/graphql.json"},{"name":"grok","title":"grok","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/grok.json","install_command":"npx shadcn@latest add https://svgl.app/r/grok.json","copy_url":"https://svgl.app/r/grok.json"},{"name":"gitlab","title":"gitlab","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/gitlab.json","install_command":"npx shadcn@latest add https://svgl.app/r/gitlab.json","copy_url":"https://svgl.app/r/gitlab.json"},{"name":"prisma","title":"prisma","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/prisma.json","install_command":"npx shadcn@latest add https://svgl.app/r/prisma.json","copy_url":"https://svgl.app/r/prisma.json"},{"name":"go","title":"go","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/go.json","install_command":"npx shadcn@latest add https://svgl.app/r/go.json","copy_url":"https://svgl.app/r/go.json"},{"name":"platzi","title":"platzi","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/platzi.json","install_command":"npx shadcn@latest add https://svgl.app/r/platzi.json","copy_url":"https://svgl.app/r/platzi.json"},{"name":"coursera","title":"coursera","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/coursera.json","install_command":"npx shadcn@latest add https://svgl.app/r/coursera.json","copy_url":"https://svgl.app/r/coursera.json"},{"name":"udacity","title":"udacity","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/udacity.json","install_command":"npx shadcn@latest add https://svgl.app/r/udacity.json","copy_url":"https://svgl.app/r/udacity.json"},{"name":"kubernetes","title":"kubernetes","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/kubernetes.json","install_command":"npx shadcn@latest add https://svgl.app/r/kubernetes.json","copy_url":"https://svgl.app/r/kubernetes.json"},{"name":"docker","title":"docker","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/docker.json","install_command":"npx shadcn@latest add https://svgl.app/r/docker.json","copy_url":"https://svgl.app/r/docker.json"},{"name":"amazon-web-services","title":"amazon-web-services","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/amazon-web-services.json","install_command":"npx shadcn@latest add https://svgl.app/r/amazon-web-services.json","copy_url":"https://svgl.app/r/amazon-web-services.json"},{"name":"microsoft-azure","title":"microsoft-azure","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-azure.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-azure.json","copy_url":"https://svgl.app/r/microsoft-azure.json"},{"name":"microsoft-access","title":"microsoft-access","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-access.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-access.json","copy_url":"https://svgl.app/r/microsoft-access.json"},{"name":"microsoft-clipchamp","title":"microsoft-clipchamp","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-clipchamp.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-clipchamp.json","copy_url":"https://svgl.app/r/microsoft-clipchamp.json"},{"name":"microsoft-copilot","title":"microsoft-copilot","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-copilot.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-copilot.json","copy_url":"https://svgl.app/r/microsoft-copilot.json"},{"name":"microsoft-defender","title":"microsoft-defender","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-defender.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-defender.json","copy_url":"https://svgl.app/r/microsoft-defender.json"},{"name":"microsoft-designer","title":"microsoft-designer","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-designer.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-designer.json","copy_url":"https://svgl.app/r/microsoft-designer.json"},{"name":"microsoft-editor","title":"microsoft-editor","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-editor.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-editor.json","copy_url":"https://svgl.app/r/microsoft-editor.json"},{"name":"microsoft-excel","title":"microsoft-excel","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-excel.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-excel.json","copy_url":"https://svgl.app/r/microsoft-excel.json"},{"name":"microsoft-onedrive","title":"microsoft-onedrive","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-onedrive.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-onedrive.json","copy_url":"https://svgl.app/r/microsoft-onedrive.json"},{"name":"microsoft-onenote","title":"microsoft-onenote","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-onenote.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-onenote.json","copy_url":"https://svgl.app/r/microsoft-onenote.json"},{"name":"microsoft-powerpoint","title":"microsoft-powerpoint","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-powerpoint.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-powerpoint.json","copy_url":"https://svgl.app/r/microsoft-powerpoint.json"},{"name":"microsoft-sharepoint","title":"microsoft-sharepoint","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-sharepoint.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-sharepoint.json","copy_url":"https://svgl.app/r/microsoft-sharepoint.json"},{"name":"microsoft-teams","title":"microsoft-teams","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-teams.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-teams.json","copy_url":"https://svgl.app/r/microsoft-teams.json"},{"name":"microsoft-word","title":"microsoft-word","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft-word.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-word.json","copy_url":"https://svgl.app/r/microsoft-word.json"},{"name":"heroku","title":"heroku","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/heroku.json","install_command":"npx shadcn@latest add https://svgl.app/r/heroku.json","copy_url":"https://svgl.app/r/heroku.json"},{"name":"jetbrains","title":"jetbrains","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jetbrains.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains.json","copy_url":"https://svgl.app/r/jetbrains.json"},{"name":"jetbrains-rider","title":"jetbrains-rider","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jetbrains-rider.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains-rider.json","copy_url":"https://svgl.app/r/jetbrains-rider.json"},{"name":"planetscale","title":"planetscale","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/planetscale.json","install_command":"npx shadcn@latest add https://svgl.app/r/planetscale.json","copy_url":"https://svgl.app/r/planetscale.json"},{"name":"playwright","title":"playwright","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/playwright.json","install_command":"npx shadcn@latest add https://svgl.app/r/playwright.json","copy_url":"https://svgl.app/r/playwright.json"},{"name":"atlassian","title":"atlassian","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/atlassian.json","install_command":"npx shadcn@latest add https://svgl.app/r/atlassian.json","copy_url":"https://svgl.app/r/atlassian.json"},{"name":"discourse","title":"discourse","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/discourse.json","install_command":"npx shadcn@latest add https://svgl.app/r/discourse.json","copy_url":"https://svgl.app/r/discourse.json"},{"name":"ember","title":"ember","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ember.json","install_command":"npx shadcn@latest add https://svgl.app/r/ember.json","copy_url":"https://svgl.app/r/ember.json"},{"name":"expo","title":"expo","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/expo.json","install_command":"npx shadcn@latest add https://svgl.app/r/expo.json","copy_url":"https://svgl.app/r/expo.json"},{"name":"flutter","title":"flutter","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/flutter.json","install_command":"npx shadcn@latest add https://svgl.app/r/flutter.json","copy_url":"https://svgl.app/r/flutter.json"},{"name":"auth0","title":"auth0","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/auth0.json","install_command":"npx shadcn@latest add https://svgl.app/r/auth0.json","copy_url":"https://svgl.app/r/auth0.json"},{"name":"authjs","title":"authjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/authjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/authjs.json","copy_url":"https://svgl.app/r/authjs.json"},{"name":"fresh","title":"fresh","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/fresh.json","install_command":"npx shadcn@latest add https://svgl.app/r/fresh.json","copy_url":"https://svgl.app/r/fresh.json"},{"name":"git","title":"git","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/git.json","install_command":"npx shadcn@latest add https://svgl.app/r/git.json","copy_url":"https://svgl.app/r/git.json"},{"name":"hostgator","title":"hostgator","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/hostgator.json","install_command":"npx shadcn@latest add https://svgl.app/r/hostgator.json","copy_url":"https://svgl.app/r/hostgator.json"},{"name":"intellij-idea","title":"intellij-idea","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/intellij-idea.json","install_command":"npx shadcn@latest add https://svgl.app/r/intellij-idea.json","copy_url":"https://svgl.app/r/intellij-idea.json"},{"name":"jasmine","title":"jasmine","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jasmine.json","install_command":"npx shadcn@latest add https://svgl.app/r/jasmine.json","copy_url":"https://svgl.app/r/jasmine.json"},{"name":"java","title":"java","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/java.json","install_command":"npx shadcn@latest add https://svgl.app/r/java.json","copy_url":"https://svgl.app/r/java.json"},{"name":"jest","title":"jest","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jest.json","install_command":"npx shadcn@latest add https://svgl.app/r/jest.json","copy_url":"https://svgl.app/r/jest.json"},{"name":"jetbrains","title":"jetbrains","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jetbrains.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains.json","copy_url":"https://svgl.app/r/jetbrains.json"},{"name":"krakenjs","title":"krakenjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/krakenjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/krakenjs.json","copy_url":"https://svgl.app/r/krakenjs.json"},{"name":"laravel","title":"laravel","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/laravel.json","install_command":"npx shadcn@latest add https://svgl.app/r/laravel.json","copy_url":"https://svgl.app/r/laravel.json"},{"name":"mariadb","title":"mariadb","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mariadb.json","install_command":"npx shadcn@latest add https://svgl.app/r/mariadb.json","copy_url":"https://svgl.app/r/mariadb.json"},{"name":"material-ui","title":"material-ui","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/material-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/material-ui.json","copy_url":"https://svgl.app/r/material-ui.json"},{"name":"mysql","title":"mysql","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mysql.json","install_command":"npx shadcn@latest add https://svgl.app/r/mysql.json","copy_url":"https://svgl.app/r/mysql.json"},{"name":"parcel","title":"parcel","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/parcel.json","install_command":"npx shadcn@latest add https://svgl.app/r/parcel.json","copy_url":"https://svgl.app/r/parcel.json"},{"name":"pm2","title":"pm2","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/pm2.json","install_command":"npx shadcn@latest add https://svgl.app/r/pm2.json","copy_url":"https://svgl.app/r/pm2.json"},{"name":"postgresql","title":"postgresql","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/postgresql.json","install_command":"npx shadcn@latest add https://svgl.app/r/postgresql.json","copy_url":"https://svgl.app/r/postgresql.json"},{"name":"react-query","title":"react-query","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/react-query.json","install_command":"npx shadcn@latest add https://svgl.app/r/react-query.json","copy_url":"https://svgl.app/r/react-query.json"},{"name":"devto","title":"devto","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/devto.json","install_command":"npx shadcn@latest add https://svgl.app/r/devto.json","copy_url":"https://svgl.app/r/devto.json"},{"name":"redis","title":"redis","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/redis.json","install_command":"npx shadcn@latest add https://svgl.app/r/redis.json","copy_url":"https://svgl.app/r/redis.json"},{"name":"redwoodjs","title":"redwoodjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/redwoodjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/redwoodjs.json","copy_url":"https://svgl.app/r/redwoodjs.json"},{"name":"ruby","title":"ruby","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ruby.json","install_command":"npx shadcn@latest add https://svgl.app/r/ruby.json","copy_url":"https://svgl.app/r/ruby.json"},{"name":"scala","title":"scala","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/scala.json","install_command":"npx shadcn@latest add https://svgl.app/r/scala.json","copy_url":"https://svgl.app/r/scala.json"},{"name":"sequelize","title":"sequelize","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/sequelize.json","install_command":"npx shadcn@latest add https://svgl.app/r/sequelize.json","copy_url":"https://svgl.app/r/sequelize.json"},{"name":"spinnaker","title":"spinnaker","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/spinnaker.json","install_command":"npx shadcn@latest add https://svgl.app/r/spinnaker.json","copy_url":"https://svgl.app/r/spinnaker.json"},{"name":"sqlite","title":"sqlite","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/sqlite.json","install_command":"npx shadcn@latest add https://svgl.app/r/sqlite.json","copy_url":"https://svgl.app/r/sqlite.json"},{"name":"swagger","title":"swagger","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/swagger.json","install_command":"npx shadcn@latest add https://svgl.app/r/swagger.json","copy_url":"https://svgl.app/r/swagger.json"},{"name":"swift","title":"swift","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/swift.json","install_command":"npx shadcn@latest add https://svgl.app/r/swift.json","copy_url":"https://svgl.app/r/swift.json"},{"name":"typeorm","title":"typeorm","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/typeorm.json","install_command":"npx shadcn@latest add https://svgl.app/r/typeorm.json","copy_url":"https://svgl.app/r/typeorm.json"},{"name":"unity","title":"unity","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/unity.json","install_command":"npx shadcn@latest add https://svgl.app/r/unity.json","copy_url":"https://svgl.app/r/unity.json"},{"name":"vim","title":"vim","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/vim.json","install_command":"npx shadcn@latest add https://svgl.app/r/vim.json","copy_url":"https://svgl.app/r/vim.json"},{"name":"pocketbase","title":"pocketbase","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/pocketbase.json","install_command":"npx shadcn@latest add https://svgl.app/r/pocketbase.json","copy_url":"https://svgl.app/r/pocketbase.json"},{"name":"openbootcamp","title":"openbootcamp","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/openbootcamp.json","install_command":"npx shadcn@latest add https://svgl.app/r/openbootcamp.json","copy_url":"https://svgl.app/r/openbootcamp.json"},{"name":"digital-ocean","title":"digital-ocean","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/digital-ocean.json","install_command":"npx shadcn@latest add https://svgl.app/r/digital-ocean.json","copy_url":"https://svgl.app/r/digital-ocean.json"},{"name":"disney","title":"disney","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/disney.json","install_command":"npx shadcn@latest add https://svgl.app/r/disney.json","copy_url":"https://svgl.app/r/disney.json"},{"name":"react-router","title":"react-router","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/react-router.json","install_command":"npx shadcn@latest add https://svgl.app/r/react-router.json","copy_url":"https://svgl.app/r/react-router.json"},{"name":"amp","title":"amp","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/amp.json","install_command":"npx shadcn@latest add https://svgl.app/r/amp.json","copy_url":"https://svgl.app/r/amp.json"},{"name":"developer-student-club","title":"developer-student-club","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/developer-student-club.json","install_command":"npx shadcn@latest add https://svgl.app/r/developer-student-club.json","copy_url":"https://svgl.app/r/developer-student-club.json"},{"name":"brave-browser","title":"brave-browser","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/brave-browser.json","install_command":"npx shadcn@latest add https://svgl.app/r/brave-browser.json","copy_url":"https://svgl.app/r/brave-browser.json"},{"name":"eclipse-ide","title":"eclipse-ide","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/eclipse-ide.json","install_command":"npx shadcn@latest add https://svgl.app/r/eclipse-ide.json","copy_url":"https://svgl.app/r/eclipse-ide.json"},{"name":"threejs","title":"threejs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/threejs.json","install_command":"npx shadcn@latest add https://svgl.app/r/threejs.json","copy_url":"https://svgl.app/r/threejs.json"},{"name":"html5","title":"html5","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/html5.json","install_command":"npx shadcn@latest add https://svgl.app/r/html5.json","copy_url":"https://svgl.app/r/html5.json"},{"name":"css-new","title":"css-new","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/css-new.json","install_command":"npx shadcn@latest add https://svgl.app/r/css-new.json","copy_url":"https://svgl.app/r/css-new.json"},{"name":"css","title":"css","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/css.json","install_command":"npx shadcn@latest add https://svgl.app/r/css.json","copy_url":"https://svgl.app/r/css.json"},{"name":"midudev","title":"midudev","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/midudev.json","install_command":"npx shadcn@latest add https://svgl.app/r/midudev.json","copy_url":"https://svgl.app/r/midudev.json"},{"name":"apple","title":"apple","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/apple.json","install_command":"npx shadcn@latest add https://svgl.app/r/apple.json","copy_url":"https://svgl.app/r/apple.json"},{"name":"app-store","title":"app-store","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/app-store.json","install_command":"npx shadcn@latest add https://svgl.app/r/app-store.json","copy_url":"https://svgl.app/r/app-store.json"},{"name":"windows","title":"windows","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/windows.json","install_command":"npx shadcn@latest add https://svgl.app/r/windows.json","copy_url":"https://svgl.app/r/windows.json"},{"name":"python","title":"python","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/python.json","install_command":"npx shadcn@latest add https://svgl.app/r/python.json","copy_url":"https://svgl.app/r/python.json"},{"name":"solidity","title":"solidity","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/solidity.json","install_command":"npx shadcn@latest add https://svgl.app/r/solidity.json","copy_url":"https://svgl.app/r/solidity.json"},{"name":"turbopack","title":"turbopack","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/turbopack.json","install_command":"npx shadcn@latest add https://svgl.app/r/turbopack.json","copy_url":"https://svgl.app/r/turbopack.json"},{"name":"builder","title":"builder","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/builder.json","install_command":"npx shadcn@latest add https://svgl.app/r/builder.json","copy_url":"https://svgl.app/r/builder.json"},{"name":"babel","title":"babel","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/babel.json","install_command":"npx shadcn@latest add https://svgl.app/r/babel.json","copy_url":"https://svgl.app/r/babel.json"},{"name":"surrealdb","title":"surrealdb","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/surrealdb.json","install_command":"npx shadcn@latest add https://svgl.app/r/surrealdb.json","copy_url":"https://svgl.app/r/surrealdb.json"},{"name":"jetbrains-space","title":"jetbrains-space","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jetbrains-space.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains-space.json","copy_url":"https://svgl.app/r/jetbrains-space.json"},{"name":"stimulus","title":"stimulus","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/stimulus.json","install_command":"npx shadcn@latest add https://svgl.app/r/stimulus.json","copy_url":"https://svgl.app/r/stimulus.json"},{"name":"windicss","title":"windicss","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/windicss.json","install_command":"npx shadcn@latest add https://svgl.app/r/windicss.json","copy_url":"https://svgl.app/r/windicss.json"},{"name":"mastodon","title":"mastodon","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mastodon.json","install_command":"npx shadcn@latest add https://svgl.app/r/mastodon.json","copy_url":"https://svgl.app/r/mastodon.json"},{"name":"upstash","title":"upstash","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/upstash.json","install_command":"npx shadcn@latest add https://svgl.app/r/upstash.json","copy_url":"https://svgl.app/r/upstash.json"},{"name":"storyblok","title":"storyblok","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/storyblok.json","install_command":"npx shadcn@latest add https://svgl.app/r/storyblok.json","copy_url":"https://svgl.app/r/storyblok.json"},{"name":"cloudflare-workers","title":"cloudflare-workers","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cloudflare-workers.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudflare-workers.json","copy_url":"https://svgl.app/r/cloudflare-workers.json"},{"name":"cloudflare","title":"cloudflare","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cloudflare.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudflare.json","copy_url":"https://svgl.app/r/cloudflare.json"},{"name":"bing","title":"bing","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/bing.json","install_command":"npx shadcn@latest add https://svgl.app/r/bing.json","copy_url":"https://svgl.app/r/bing.json"},{"name":"cloudinary","title":"cloudinary","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cloudinary.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudinary.json","copy_url":"https://svgl.app/r/cloudinary.json"},{"name":"dart","title":"dart","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/dart.json","install_command":"npx shadcn@latest add https://svgl.app/r/dart.json","copy_url":"https://svgl.app/r/dart.json"},{"name":"hcaptcha","title":"hcaptcha","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/hcaptcha.json","install_command":"npx shadcn@latest add https://svgl.app/r/hcaptcha.json","copy_url":"https://svgl.app/r/hcaptcha.json"},{"name":"appwrite","title":"appwrite","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/appwrite.json","install_command":"npx shadcn@latest add https://svgl.app/r/appwrite.json","copy_url":"https://svgl.app/r/appwrite.json"},{"name":"loom","title":"loom","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/loom.json","install_command":"npx shadcn@latest add https://svgl.app/r/loom.json","copy_url":"https://svgl.app/r/loom.json"},{"name":"hulu","title":"hulu","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/hulu.json","install_command":"npx shadcn@latest add https://svgl.app/r/hulu.json","copy_url":"https://svgl.app/r/hulu.json"},{"name":"stackblitz","title":"stackblitz","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/stackblitz.json","install_command":"npx shadcn@latest add https://svgl.app/r/stackblitz.json","copy_url":"https://svgl.app/r/stackblitz.json"},{"name":"binance","title":"binance","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/binance.json","install_command":"npx shadcn@latest add https://svgl.app/r/binance.json","copy_url":"https://svgl.app/r/binance.json"},{"name":"messenger","title":"messenger","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/messenger.json","install_command":"npx shadcn@latest add https://svgl.app/r/messenger.json","copy_url":"https://svgl.app/r/messenger.json"},{"name":"nhost","title":"nhost","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nhost.json","install_command":"npx shadcn@latest add https://svgl.app/r/nhost.json","copy_url":"https://svgl.app/r/nhost.json"},{"name":"medusa","title":"medusa","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/medusa.json","install_command":"npx shadcn@latest add https://svgl.app/r/medusa.json","copy_url":"https://svgl.app/r/medusa.json"},{"name":"wordpress","title":"wordpress","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/wordpress.json","install_command":"npx shadcn@latest add https://svgl.app/r/wordpress.json","copy_url":"https://svgl.app/r/wordpress.json"},{"name":"microsoft","title":"microsoft","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/microsoft.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft.json","copy_url":"https://svgl.app/r/microsoft.json"},{"name":"elementor","title":"elementor","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/elementor.json","install_command":"npx shadcn@latest add https://svgl.app/r/elementor.json","copy_url":"https://svgl.app/r/elementor.json"},{"name":"kick","title":"kick","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/kick.json","install_command":"npx shadcn@latest add https://svgl.app/r/kick.json","copy_url":"https://svgl.app/r/kick.json"},{"name":"prime-video","title":"prime-video","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/prime-video.json","install_command":"npx shadcn@latest add https://svgl.app/r/prime-video.json","copy_url":"https://svgl.app/r/prime-video.json"},{"name":"chrome","title":"chrome","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/chrome.json","install_command":"npx shadcn@latest add https://svgl.app/r/chrome.json","copy_url":"https://svgl.app/r/chrome.json"},{"name":"rxjs","title":"rxjs","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/rxjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/rxjs.json","copy_url":"https://svgl.app/r/rxjs.json"},{"name":"electron","title":"electron","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/electron.json","install_command":"npx shadcn@latest add https://svgl.app/r/electron.json","copy_url":"https://svgl.app/r/electron.json"},{"name":"redux","title":"redux","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/redux.json","install_command":"npx shadcn@latest add https://svgl.app/r/redux.json","copy_url":"https://svgl.app/r/redux.json"},{"name":"trust-wallet","title":"trust-wallet","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/trust-wallet.json","install_command":"npx shadcn@latest add https://svgl.app/r/trust-wallet.json","copy_url":"https://svgl.app/r/trust-wallet.json"},{"name":"php","title":"php","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/php.json","install_command":"npx shadcn@latest add https://svgl.app/r/php.json","copy_url":"https://svgl.app/r/php.json"},{"name":"hugo","title":"hugo","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/hugo.json","install_command":"npx shadcn@latest add https://svgl.app/r/hugo.json","copy_url":"https://svgl.app/r/hugo.json"},{"name":"sass","title":"sass","description":null,"type":"registry:component","tags":["ai","animation","auth","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/sass.json","install_command":"npx shadcn@latest add https://svgl.app/r/sass.json","copy_url":"https://svgl.app/r/sass.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","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.vercel.app/registry/systaliko-ui","markdown":"https://sh4dcn.vercel.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":23,"open_issues":1,"last_commit":"2026-05-13T20:34:18Z"},"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":155,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/index.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/index.json","copy_url":"https://systaliko-ui.vercel.app/r/index.json"},{"name":"animated-menu","title":"Animated Menu","description":"Animated menu, with orchestrated children animation, fully customizable.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/container-stagger.json"},{"name":"full-screen-navigation-menu","title":"Full screen navigation menu","description":"Transforming Shadcn navigation menu into a full screen menu.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/globe.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/globe.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/header.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/header.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/shader.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/shader.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/slideshow.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/slideshow.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/story.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/story.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/timeline.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/timeline.json","copy_url":"https://systaliko-ui.vercel.app/r/timeline.json"},{"name":"card","title":"Card","description":"Card component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated.json"},{"name":"checkbox-field","title":"checkbox-field","description":"Checkbox field with label.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/checkbox-field.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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/custom-cursor.json"},{"name":"pulse","title":"Pulse","description":"Pulse effect for attracting user attention.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/pulse.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pulse.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/rating-stars.json"},{"name":"reveal-mask","title":"reveal mask","description":"reveal mask animation effect.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/spotlight-list.json"},{"name":"animated-menu-demo","title":"Animated Menu Demo","description":"Demo showing animated menu component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/container-stagger-2-demo.json"},{"name":"full-screen-navigation-menu-demo","title":"Full screen navigation Demo","description":"Demo showing Full screen navigation component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/image-player-demo.json"},{"name":"shader-demo","title":"Shader Demo","description":"Demo showing shader component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/story-demo.json"},{"name":"timeline-demo","title":"Timeline Demo","description":"Demo showing timeline component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/hover-preview-demo.json"},{"name":"checkbox-field-demo","title":"Input Field Demo","description":"Demo showing Input field component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/checkbox-field-demo.json"},{"name":"custom-cursor-demo","title":"Custom Cursor Demo","description":"Demo showing Custom Cursor component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/infinite-scroll-demo.json"},{"name":"price-demo","title":"price Demo","description":"Demo showing price component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/price-demo.json"},{"name":"pricing-demo","title":"Pricing Demo","description":"Demo showing pricing component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/team-demo.json"},{"name":"wavy-block-demo","title":"Wavy Block Demo","description":"Demo showing Wavy Block component.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/price.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/price.json","copy_url":"https://systaliko-ui.vercel.app/r/price.json"},{"name":"pricing","title":"Pricing","description":"Flexible pricing component with customizable features and options.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/pricing.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pricing.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/product-carousel.json"},{"name":"quantity","title":"Quantity Config","description":"Quantity config for ecommerce products.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/quantity.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/quantity.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/distributed-cards.json"},{"name":"parallax","title":"Parallax","description":"Parallax block, creates a parallax effect.","type":"registry:block","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/parallax.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/parallax.json","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/wavy-block.json"},{"name":"avatar","title":"avatar","description":"avatar component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/avatar.json","copy_url":"https://systaliko-ui.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/badge.json","copy_url":"https://systaliko-ui.vercel.app/r/badge.json"},{"name":"badge","title":"Button","description":"Button component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/badge.json","copy_url":"https://systaliko-ui.vercel.app/r/badge.json"},{"name":"dialog","title":"Dialog","description":"Dialog component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/dialog.json","copy_url":"https://systaliko-ui.vercel.app/r/dialog.json"},{"name":"drawer","title":"drawer","description":"drawer component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/drawer.json","copy_url":"https://systaliko-ui.vercel.app/r/drawer.json"},{"name":"empty","title":"empty","description":"empty component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/empty.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/empty.json","copy_url":"https://systaliko-ui.vercel.app/r/empty.json"},{"name":"field","title":"field","description":"field component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/field.json","copy_url":"https://systaliko-ui.vercel.app/r/field.json"},{"name":"input","title":"input","description":"input component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/input.json","copy_url":"https://systaliko-ui.vercel.app/r/input.json"},{"name":"label","title":"label","description":"label component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/label.json","copy_url":"https://systaliko-ui.vercel.app/r/label.json"},{"name":"avatar","title":"avatar","description":"avatar component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/avatar.json","copy_url":"https://systaliko-ui.vercel.app/r/avatar.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area component.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/scroll-area.json"},{"name":"select","title":"Select","description":"Select component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/select.json","copy_url":"https://systaliko-ui.vercel.app/r/select.json"},{"name":"slider","title":"slider","description":"slider component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/slider.json","copy_url":"https://systaliko-ui.vercel.app/r/slider.json"},{"name":"spinner","title":"spinner","description":"spinner component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/spinner.json","copy_url":"https://systaliko-ui.vercel.app/r/spinner.json"},{"name":"switch","title":"switch","description":"switch component with variants.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/switch.json","copy_url":"https://systaliko-ui.vercel.app/r/switch.json"},{"name":"sliding-number","title":"Sliding Number","description":"Number value with splitted animation.","type":"registry:ui","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/text-wavy.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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/animation-variants.json"},{"name":"custom-pricing-utils","title":"Custom Pricing Utils","description":"Custom pricing utils types and reducer store.","type":"registry:item","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/split-text.json"},{"name":"svg-globe-path","title":"Svg Globe","description":"Svg globe path.","type":"registry:item","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/transitions.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/transitions.json","copy_url":"https://systaliko-ui.vercel.app/r/transitions.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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"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","tags":["3d","accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"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","copy_url":"https://systaliko-ui.vercel.app/r/use-toggle-onscroll.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":["auth","blocks","design-system","icons","marketing","pro-available","saas","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.vercel.app/registry/tailark","markdown":"https://sh4dcn.vercel.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?opengraph-image.35bb4318.png","pro":{"has_pro":true,"pro_url":"https://tailark.com/pricing","pricing_url":"https://tailark.com/pricing"},"metrics":{"github_stars":2248,"open_issues":13,"last_commit":"2026-05-14T20:42:19Z"},"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":210,"components":[{"name":"call-to-action-1","title":"Call To Action 1","description":"Shadcn/ui call to action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://tailark.com/r/call-to-action-1.json"},{"name":"call-to-action-2","title":"Call To Action 2","description":"Shadcn/ui call to action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://tailark.com/r/call-to-action-2.json"},{"name":"call-to-action-3","title":"Call To Action 3","description":"Shadcn/ui call to action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://tailark.com/r/call-to-action-3.json"},{"name":"comparator-1","title":"Pricing Comparator 1","description":"Shadcn/ui pricing comparator table block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/comparator-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-1.json","copy_url":"https://tailark.com/r/comparator-1.json"},{"name":"content-1","title":"Content Block 1","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-1.json","copy_url":"https://tailark.com/r/content-1.json"},{"name":"content-2","title":"Content Block 2","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-2.json","copy_url":"https://tailark.com/r/content-2.json"},{"name":"content-3","title":"Content Block 3","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-3.json","copy_url":"https://tailark.com/r/content-3.json"},{"name":"content-4","title":"Content Block 4","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-4.json","copy_url":"https://tailark.com/r/content-4.json"},{"name":"content-5","title":"Content Block 5","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-5.json","copy_url":"https://tailark.com/r/content-5.json"},{"name":"content-6","title":"Content Block 6","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-6.json","copy_url":"https://tailark.com/r/content-6.json"},{"name":"content-7","title":"Content Block 7","description":"Shadcn/ui website content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/content-7.json","copy_url":"https://tailark.com/r/content-7.json"},{"name":"faqs-1","title":"FAQs Block 1","description":"Shadcn/ui Frequently Asqued Questions block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/faqs-1.json","copy_url":"https://tailark.com/r/faqs-1.json"},{"name":"faqs-2","title":"FAQs Block 2","description":"Shadcn/ui FAQs block with accordion component","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/faqs-2.json","copy_url":"https://tailark.com/r/faqs-2.json"},{"name":"faqs-3","title":"FAQs Block 3","description":"Shadcn/ui FAQs block with accordion component and icons","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/faqs-3.json","copy_url":"https://tailark.com/r/faqs-3.json"},{"name":"faqs-4","title":"FAQs Block 4","description":"Shadcn/ui FAQs block with accordion component and icons","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/faqs-4.json","copy_url":"https://tailark.com/r/faqs-4.json"},{"name":"features-1","title":"Features Block 1","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-1.json","copy_url":"https://tailark.com/r/features-1.json"},{"name":"features-2","title":"Features Block 2","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-2.json","copy_url":"https://tailark.com/r/features-2.json"},{"name":"features-3","title":"Features Block 3","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-3.json","copy_url":"https://tailark.com/r/features-3.json"},{"name":"features-4","title":"Features Block 4","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-4.json","copy_url":"https://tailark.com/r/features-4.json"},{"name":"features-5","title":"Features Block 5","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-5.json","copy_url":"https://tailark.com/r/features-5.json"},{"name":"features-6","title":"Features Block 6","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-6.json","copy_url":"https://tailark.com/r/features-6.json"},{"name":"features-7","title":"Features Block 7","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-7.json","copy_url":"https://tailark.com/r/features-7.json"},{"name":"features-8","title":"Features Block 8","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-8.json","copy_url":"https://tailark.com/r/features-8.json"},{"name":"features-9","title":"Features Block 9","description":"Shadcn/ui website features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-9.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-9.json","copy_url":"https://tailark.com/r/features-9.json"},{"name":"features-10","title":"Features Block 10","description":"Shadcn/ui website features block with cards and circular UI elements","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-10.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-10.json","copy_url":"https://tailark.com/r/features-10.json"},{"name":"features-11","title":"Features Block 11","description":"Shadcn/ui website features block with grid layout and images","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-11.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-11.json","copy_url":"https://tailark.com/r/features-11.json"},{"name":"features-12","title":"Features Block 12","description":"Shadcn/ui website features block with accordion and animated images","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-12.json","install_command":"npx shadcn@latest add https://tailark.com/r/features-12.json","copy_url":"https://tailark.com/r/features-12.json"},{"name":"footer-1","title":"Footer Block 1","description":"Shadcn/ui website footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/footer-1.json","copy_url":"https://tailark.com/r/footer-1.json"},{"name":"footer-2","title":"Footer Block 2","description":"Shadcn/ui website footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/footer-2.json","copy_url":"https://tailark.com/r/footer-2.json"},{"name":"footer-3","title":"Footer Block 3","description":"Shadcn/ui website footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/footer-3.json","copy_url":"https://tailark.com/r/footer-3.json"},{"name":"footer-4","title":"Footer Block 4","description":"Shadcn/ui website footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/footer-4.json","copy_url":"https://tailark.com/r/footer-4.json"},{"name":"footer-5","title":"Footer Block 5","description":"Shadcn/ui website footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/footer-5.json","copy_url":"https://tailark.com/r/footer-5.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-1.json","copy_url":"https://tailark.com/r/hero-section-1.json"},{"name":"hero-section-2","title":"Hero Section 2","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-2.json","copy_url":"https://tailark.com/r/hero-section-2.json"},{"name":"hero-section-3","title":"Hero Section 3","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-3.json","copy_url":"https://tailark.com/r/hero-section-3.json"},{"name":"hero-section-4","title":"Hero Section 4","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-4.json","copy_url":"https://tailark.com/r/hero-section-4.json"},{"name":"hero-section-5","title":"Hero Section 5","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-5.json","copy_url":"https://tailark.com/r/hero-section-5.json"},{"name":"hero-section-6","title":"Hero Section 6","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-6.json","copy_url":"https://tailark.com/r/hero-section-6.json"},{"name":"hero-section-7","title":"Hero Section 7","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-7.json","copy_url":"https://tailark.com/r/hero-section-7.json"},{"name":"hero-section-8","title":"Hero Section 8","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-8.json","copy_url":"https://tailark.com/r/hero-section-8.json"},{"name":"hero-section-9","title":"Hero Section 9","description":"Shadcn/ui website Hero Section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-9.json","install_command":"npx shadcn@latest add https://tailark.com/r/hero-section-9.json","copy_url":"https://tailark.com/r/hero-section-9.json"},{"name":"login-1","title":"Login Page 1","description":"Shadcn/ui Login Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/login-1.json","copy_url":"https://tailark.com/r/login-1.json"},{"name":"login-2","title":"Login Page 2","description":"Shadcn/ui Login Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/login-2.json","copy_url":"https://tailark.com/r/login-2.json"},{"name":"login-3","title":"Login Page 3","description":"Shadcn/ui Login Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/login-3.json","copy_url":"https://tailark.com/r/login-3.json"},{"name":"sign-up-1","title":"Sign Up Page 1","description":"Shadcn/ui Sign Up Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/sign-up-1.json","copy_url":"https://tailark.com/r/sign-up-1.json"},{"name":"sign-up-2","title":"Sign Up Page 2","description":"Shadcn/ui Sign Up Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/sign-up-2.json","copy_url":"https://tailark.com/r/sign-up-2.json"},{"name":"sign-up-3","title":"Sign Up Page 3","description":"Shadcn/ui Sign Up Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/sign-up-3.json","copy_url":"https://tailark.com/r/sign-up-3.json"},{"name":"forgot-password-1","title":"Forgot Password Page 1","description":"Shadcn/ui Forgot Password Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/forgot-password-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/forgot-password-1.json","copy_url":"https://tailark.com/r/forgot-password-1.json"},{"name":"forgot-password-2","title":"Forgot Password Page 2","description":"Shadcn/ui Forgot Password Page","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/forgot-password-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/forgot-password-2.json","copy_url":"https://tailark.com/r/forgot-password-2.json"},{"name":"stats-1","title":"Stats Block 1","description":"Shadcn/ui website stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/stats-1.json","copy_url":"https://tailark.com/r/stats-1.json"},{"name":"stats-2","title":"Stats Block 2","description":"Shadcn/ui website stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/stats-2.json","copy_url":"https://tailark.com/r/stats-2.json"},{"name":"stats-3","title":"Stats Block 3","description":"Shadcn/ui website stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/stats-3.json","copy_url":"https://tailark.com/r/stats-3.json"},{"name":"stats-4","title":"Stats Block 4","description":"Shadcn/ui website stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/stats-4.json","copy_url":"https://tailark.com/r/stats-4.json"},{"name":"team-1","title":"Team Section 1","description":"Shadcn/ui website team section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/team-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/team-1.json","copy_url":"https://tailark.com/r/team-1.json"},{"name":"team-2","title":"Team Section 2","description":"Shadcn/ui website team section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/team-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/team-2.json","copy_url":"https://tailark.com/r/team-2.json"},{"name":"testimonials-1","title":"Testimonials Section 1","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-1.json","copy_url":"https://tailark.com/r/testimonials-1.json"},{"name":"testimonials-2","title":"Testimonials Section 2","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-2.json","copy_url":"https://tailark.com/r/testimonials-2.json"},{"name":"testimonials-3","title":"Testimonials Section 3","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-3.json","copy_url":"https://tailark.com/r/testimonials-3.json"},{"name":"testimonials-4","title":"Testimonials Section 4","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-4.json","copy_url":"https://tailark.com/r/testimonials-4.json"},{"name":"testimonials-5","title":"Testimonials Section 5","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-5.json","copy_url":"https://tailark.com/r/testimonials-5.json"},{"name":"testimonials-6","title":"Testimonials Section 6","description":"Shadcn/ui website testimonials section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/testimonials-6.json","copy_url":"https://tailark.com/r/testimonials-6.json"},{"name":"logo-cloud-1","title":"Logo Cloud 1","description":"Shadcn/ui website logo cloud section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/logo-cloud-1.json","copy_url":"https://tailark.com/r/logo-cloud-1.json"},{"name":"logo-cloud-2","title":"Logo Cloud 2","description":"Shadcn/ui website logo cloud section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/logo-cloud-2.json","copy_url":"https://tailark.com/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":"Logo Cloud 3","description":"Shadcn/ui website logo cloud section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/logo-cloud-3.json","copy_url":"https://tailark.com/r/logo-cloud-3.json"},{"name":"pricing-1","title":"Pricing Block 1","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-1.json","copy_url":"https://tailark.com/r/pricing-1.json"},{"name":"pricing-1","title":"Pricing Block 1","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-1.json","copy_url":"https://tailark.com/r/pricing-1.json"},{"name":"pricing-2","title":"Pricing Block 2","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-2.json","copy_url":"https://tailark.com/r/pricing-2.json"},{"name":"pricing-3","title":"Pricing Block 3","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-3.json","copy_url":"https://tailark.com/r/pricing-3.json"},{"name":"pricing-4","title":"Pricing Block 4","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-4.json","copy_url":"https://tailark.com/r/pricing-4.json"},{"name":"pricing-5","title":"Pricing Block 5","description":"Shadcn/ui website pricing section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/pricing-5.json","copy_url":"https://tailark.com/r/pricing-5.json"},{"name":"contact-1","title":"Contact Block 1","description":"Shadcn/ui website contact section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/contact-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/contact-1.json","copy_url":"https://tailark.com/r/contact-1.json"},{"name":"contact-2","title":"Contact Block 2","description":"Shadcn/ui website contact section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/contact-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/contact-2.json","copy_url":"https://tailark.com/r/contact-2.json"},{"name":"integrations-1","title":"Integrations Block 1","description":"Shadcn/ui website integrations section","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-1.json","copy_url":"https://tailark.com/r/integrations-1.json"},{"name":"integrations-2","title":"Integrations Block 2","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-2.json","copy_url":"https://tailark.com/r/integrations-2.json"},{"name":"integrations-3","title":"Integrations Block 3","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-3.json","copy_url":"https://tailark.com/r/integrations-3.json"},{"name":"integrations-4","title":"Integrations Block 4","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-4.json","copy_url":"https://tailark.com/r/integrations-4.json"},{"name":"integrations-5","title":"Integrations Block 5","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-5.json","copy_url":"https://tailark.com/r/integrations-5.json"},{"name":"integrations-6","title":"Integrations Block 6","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-6.json","copy_url":"https://tailark.com/r/integrations-6.json"},{"name":"integrations-7","title":"Integrations Block 7","description":"Shadcn/ui website integrations block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-7.json","copy_url":"https://tailark.com/r/integrations-7.json"},{"name":"integrations-8","title":"Integrations Block 8","description":"Shadcn/ui website integrations","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/integrations-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations-8.json","copy_url":"https://tailark.com/r/integrations-8.json"},{"name":"mist-call-to-action-1","title":"Call To Action 1","description":"Mist Kit Call To Action block, variant 1","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-call-to-action-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-call-to-action-1.json","copy_url":"https://tailark.com/r/mist-call-to-action-1.json"},{"name":"mist-call-to-action-2","title":"Call To Action 2","description":"Mist Kit Call To Action block, variant 2","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-call-to-action-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-call-to-action-2.json","copy_url":"https://tailark.com/r/mist-call-to-action-2.json"},{"name":"mist-call-to-action-3","title":"Call To Action 3","description":"Mist Kit Call To Action block, variant 3","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-call-to-action-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-call-to-action-3.json","copy_url":"https://tailark.com/r/mist-call-to-action-3.json"},{"name":"mist-comparator-1","title":"Comparator One","description":"Mist Kit Comparator block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-comparator-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-comparator-1.json","copy_url":"https://tailark.com/r/mist-comparator-1.json"},{"name":"mist-contact-1","title":"Contact One","description":"Mist Kit Contact block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-contact-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-contact-1.json","copy_url":"https://tailark.com/r/mist-contact-1.json"},{"name":"mist-content-1","title":"Content One","description":"Mist Kit Content block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-content-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-content-1.json","copy_url":"https://tailark.com/r/mist-content-1.json"},{"name":"mist-content-2","title":"Content Two","description":"Mist Kit Content block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-content-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-content-2.json","copy_url":"https://tailark.com/r/mist-content-2.json"},{"name":"mist-content-3","title":"Content Three","description":"Mist Kit Content block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-content-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-content-3.json","copy_url":"https://tailark.com/r/mist-content-3.json"},{"name":"mist-content-4","title":"Content Four","description":"Mist Kit Content block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-content-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-content-4.json","copy_url":"https://tailark.com/r/mist-content-4.json"},{"name":"mist-faqs-1","title":"FAQs One","description":"Mist Kit FAQs block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-faqs-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-faqs-1.json","copy_url":"https://tailark.com/r/mist-faqs-1.json"},{"name":"mist-faqs-2","title":"FAQs Two","description":"Mist Kit FAQs block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-faqs-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-faqs-2.json","copy_url":"https://tailark.com/r/mist-faqs-2.json"},{"name":"mist-faqs-3","title":"FAQs Three","description":"Mist Kit FAQs block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-faqs-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-faqs-3.json","copy_url":"https://tailark.com/r/mist-faqs-3.json"},{"name":"mist-features-1","title":"Features One","description":"Mist Kit Features block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-1.json","copy_url":"https://tailark.com/r/mist-features-1.json"},{"name":"mist-features-2","title":"Features Two","description":"Mist Kit Features block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-2.json","copy_url":"https://tailark.com/r/mist-features-2.json"},{"name":"mist-features-3","title":"Features Three","description":"Mist Kit Features block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-3.json","copy_url":"https://tailark.com/r/mist-features-3.json"},{"name":"mist-features-4","title":"Features Four","description":"Mist Kit Features block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-4.json","copy_url":"https://tailark.com/r/mist-features-4.json"},{"name":"mist-features-5","title":"Features Five","description":"Mist Kit Features block, variant five","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-5.json","copy_url":"https://tailark.com/r/mist-features-5.json"},{"name":"mist-features-6","title":"Features Six","description":"Mist Kit Features block, variant six","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-6.json","copy_url":"https://tailark.com/r/mist-features-6.json"},{"name":"mist-features-7","title":"Features Seven","description":"Mist Kit Features block, variant seven","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-7.json","copy_url":"https://tailark.com/r/mist-features-7.json"},{"name":"mist-features-8","title":"Features Eight","description":"Mist Kit Features block, variant eight","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-8.json","copy_url":"https://tailark.com/r/mist-features-8.json"},{"name":"mist-features-9","title":"Features Nine","description":"Mist Kit Features block, variant nine","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-9.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-9.json","copy_url":"https://tailark.com/r/mist-features-9.json"},{"name":"mist-features-10","title":"Features Ten","description":"Mist Kit Features block, variant ten","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-10.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-10.json","copy_url":"https://tailark.com/r/mist-features-10.json"},{"name":"mist-features-11","title":"Features Eleven","description":"Mist Kit Features block, variant eleven","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-features-11.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-features-11.json","copy_url":"https://tailark.com/r/mist-features-11.json"},{"name":"mist-footer-1","title":"Footer One","description":"Mist Kit Footer block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-footer-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-footer-1.json","copy_url":"https://tailark.com/r/mist-footer-1.json"},{"name":"mist-footer-2","title":"Footer Two","description":"Mist Kit Footer block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-footer-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-footer-2.json","copy_url":"https://tailark.com/r/mist-footer-2.json"},{"name":"mist-footer-3","title":"Footer Three","description":"Mist Kit Footer block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-footer-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-footer-3.json","copy_url":"https://tailark.com/r/mist-footer-3.json"},{"name":"mist-footer-4","title":"Footer Four","description":"Mist Kit Footer block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-footer-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-footer-4.json","copy_url":"https://tailark.com/r/mist-footer-4.json"},{"name":"mist-forgot-password-1","title":"Forgot password block","description":"Mist Kit Forgot password block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-forgot-password-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-forgot-password-1.json","copy_url":"https://tailark.com/r/mist-forgot-password-1.json"},{"name":"mist-hero-section-1","title":"Hero Section One","description":"Mist Kit Hero Section block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-1.json","copy_url":"https://tailark.com/r/mist-hero-section-1.json"},{"name":"mist-hero-section-2","title":"Hero Section Two","description":"Mist Kit Hero Section block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-2.json","copy_url":"https://tailark.com/r/mist-hero-section-2.json"},{"name":"mist-hero-section-3","title":"Hero Section Three","description":"Mist Kit Hero Section block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-3.json","copy_url":"https://tailark.com/r/mist-hero-section-3.json"},{"name":"mist-hero-section-4","title":"Hero Section Four","description":"Mist Kit Hero Section block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-4.json","copy_url":"https://tailark.com/r/mist-hero-section-4.json"},{"name":"mist-hero-section-5","title":"Hero Section Five","description":"Mist Kit Hero Section block, variant five","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-5.json","copy_url":"https://tailark.com/r/mist-hero-section-5.json"},{"name":"mist-hero-section-6","title":"Hero Section Six","description":"Mist Kit Hero Section block, variant six","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-hero-section-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-hero-section-6.json","copy_url":"https://tailark.com/r/mist-hero-section-6.json"},{"name":"mist-integrations-1","title":"Integrations block","description":"Mist Kit Integrations block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-integrations-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-integrations-1.json","copy_url":"https://tailark.com/r/mist-integrations-1.json"},{"name":"mist-integrations-2","title":"Integrations block","description":"Mist Kit Integrations block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-integrations-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-integrations-2.json","copy_url":"https://tailark.com/r/mist-integrations-2.json"},{"name":"mist-integrations-3","title":"Integrations block","description":"Mist Kit Integrations block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-integrations-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-integrations-3.json","copy_url":"https://tailark.com/r/mist-integrations-3.json"},{"name":"mist-login-1","title":"Login block","description":"Mist Kit Login block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-login-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-login-1.json","copy_url":"https://tailark.com/r/mist-login-1.json"},{"name":"mist-logo-cloud-1","title":"Logo Cloud One","description":"Mist Kit Logo Cloud block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-logo-cloud-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-logo-cloud-1.json","copy_url":"https://tailark.com/r/mist-logo-cloud-1.json"},{"name":"mist-logo-cloud-2","title":"Logo Cloud One","description":"Mist Kit Logo Cloud block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-logo-cloud-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-logo-cloud-2.json","copy_url":"https://tailark.com/r/mist-logo-cloud-2.json"},{"name":"mist-pricing-1","title":"Pricing One","description":"Mist Kit Pricing block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-pricing-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-pricing-1.json","copy_url":"https://tailark.com/r/mist-pricing-1.json"},{"name":"mist-pricing-2","title":"Pricing Two","description":"Mist Kit Pricing block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-pricing-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-pricing-2.json","copy_url":"https://tailark.com/r/mist-pricing-2.json"},{"name":"mist-sign-up-1","title":"Sign Up block","description":"Mist Kit Sign Up block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-sign-up-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-sign-up-1.json","copy_url":"https://tailark.com/r/mist-sign-up-1.json"},{"name":"mist-stats-1","title":"Stats block","description":"Mist Kit Stats block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-stats-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-stats-1.json","copy_url":"https://tailark.com/r/mist-stats-1.json"},{"name":"mist-stats-2","title":"Stats block","description":"Mist Kit Stats block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-stats-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-stats-2.json","copy_url":"https://tailark.com/r/mist-stats-2.json"},{"name":"mist-stats-3","title":"Stats block","description":"Mist Kit Stats block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-stats-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-stats-3.json","copy_url":"https://tailark.com/r/mist-stats-3.json"},{"name":"mist-stats-4","title":"Stats block","description":"Mist Kit Stats block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-stats-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-stats-4.json","copy_url":"https://tailark.com/r/mist-stats-4.json"},{"name":"mist-team-1","title":"Team section block","description":"Mist Kit Team section block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-team-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-team-1.json","copy_url":"https://tailark.com/r/mist-team-1.json"},{"name":"mist-team-2","title":"Team section block","description":"Mist Kit Team section block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-team-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-team-2.json","copy_url":"https://tailark.com/r/mist-team-2.json"},{"name":"mist-testimonials-1","title":"Testimonials One","description":"Mist Kit Testimonials block, variant one","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-testimonials-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-testimonials-1.json","copy_url":"https://tailark.com/r/mist-testimonials-1.json"},{"name":"mist-testimonials-2","title":"Testimonials Two","description":"Mist Kit Testimonials block, variant two","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-testimonials-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-testimonials-2.json","copy_url":"https://tailark.com/r/mist-testimonials-2.json"},{"name":"mist-testimonials-3","title":"Testimonials Three","description":"Mist Kit Testimonials block, variant three","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-testimonials-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-testimonials-3.json","copy_url":"https://tailark.com/r/mist-testimonials-3.json"},{"name":"mist-testimonials-4","title":"Testimonials Four","description":"Mist Kit Testimonials block, variant four","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-testimonials-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-testimonials-4.json","copy_url":"https://tailark.com/r/mist-testimonials-4.json"},{"name":"mist-testimonials-5","title":"Testimonials Five","description":"Mist Kit Testimonials block, variant five","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/mist-testimonials-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/mist-testimonials-5.json","copy_url":"https://tailark.com/r/mist-testimonials-5.json"},{"name":"veil-beacon","title":"Beacon logo","description":"Shadcn/ui beacon svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-beacon.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-beacon.json","copy_url":"https://tailark.com/r/veil-beacon.json"},{"name":"veil-bolt","title":"Bolt logo","description":"Shadcn/ui bolt svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-bolt.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-bolt.json","copy_url":"https://tailark.com/r/veil-bolt.json"},{"name":"veil-cisco","title":"Cisco logo","description":"Shadcn/ui cisco svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-cisco.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-cisco.json","copy_url":"https://tailark.com/r/veil-cisco.json"},{"name":"veil-claude","title":"Claude logo","description":"Shadcn/ui claude svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-claude.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-claude.json","copy_url":"https://tailark.com/r/veil-claude.json"},{"name":"veil-clerk","title":"Clerk logo","description":"Shadcn/ui clerk svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-clerk.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-clerk.json","copy_url":"https://tailark.com/r/veil-clerk.json"},{"name":"veil-figma","title":"Figma logo","description":"Shadcn/ui figma svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-figma.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-figma.json","copy_url":"https://tailark.com/r/veil-figma.json"},{"name":"veil-firebase","title":"Firebase logo","description":"Shadcn/ui firebase svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-firebase.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-firebase.json","copy_url":"https://tailark.com/r/veil-firebase.json"},{"name":"veil-hulu","title":"Hulu logo","description":"Shadcn/ui hulu svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hulu.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hulu.json","copy_url":"https://tailark.com/r/veil-hulu.json"},{"name":"veil-linear","title":"Linear logo","description":"Shadcn/ui linear svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-linear.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-linear.json","copy_url":"https://tailark.com/r/veil-linear.json"},{"name":"veil-slack","title":"Slack logo","description":"Shadcn/ui slack svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-slack.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-slack.json","copy_url":"https://tailark.com/r/veil-slack.json"},{"name":"veil-spotify","title":"Spotify logo","description":"Shadcn/ui spotify svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-spotify.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-spotify.json","copy_url":"https://tailark.com/r/veil-spotify.json"},{"name":"veil-supabase","title":"Supabase logo","description":"Shadcn/ui supabase svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-supabase.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-supabase.json","copy_url":"https://tailark.com/r/veil-supabase.json"},{"name":"veil-twilio","title":"Twilio logo","description":"Shadcn/ui twilio svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-twilio.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-twilio.json","copy_url":"https://tailark.com/r/veil-twilio.json"},{"name":"veil-vercel","title":"Vercel logo","description":"Shadcn/ui vercel svg logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-vercel.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-vercel.json","copy_url":"https://tailark.com/r/veil-vercel.json"},{"name":"veil-logo","title":"Veil logo","description":"Tailark Veil logo","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-logo.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-logo.json","copy_url":"https://tailark.com/r/veil-logo.json"},{"name":"veil-button","title":"Button","description":"Tailark Veil button component","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-button.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-button.json","copy_url":"https://tailark.com/r/veil-button.json"},{"name":"veil-card","title":"Card","description":"Tailark Veil card component","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-card.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-card.json","copy_url":"https://tailark.com/r/veil-card.json"},{"name":"veil-input","title":"Input","description":"Tailark Veil input component","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-input.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-input.json","copy_url":"https://tailark.com/r/veil-input.json"},{"name":"veil-textarea","title":"Textarea","description":"Tailark Veil textarea component","type":"registry:ui","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-textarea.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-textarea.json","copy_url":"https://tailark.com/r/veil-textarea.json"},{"name":"veil-call-to-action-1","title":"Call To Action 1","description":"Tailark Veil call-to-action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-call-to-action-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-call-to-action-1.json","copy_url":"https://tailark.com/r/veil-call-to-action-1.json"},{"name":"veil-call-to-action-2","title":"Call To Action 2","description":"Tailark Veil call-to-action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-call-to-action-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-call-to-action-2.json","copy_url":"https://tailark.com/r/veil-call-to-action-2.json"},{"name":"veil-call-to-action-3","title":"Call To Action 3","description":"Tailark Veil call-to-action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-call-to-action-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-call-to-action-3.json","copy_url":"https://tailark.com/r/veil-call-to-action-3.json"},{"name":"veil-call-to-action-4","title":"Call To Action 4","description":"Tailark Veil call-to-action block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-call-to-action-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-call-to-action-4.json","copy_url":"https://tailark.com/r/veil-call-to-action-4.json"},{"name":"veil-comparator-1","title":"Comparator 1","description":"Tailark Veil comparator block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-comparator-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-comparator-1.json","copy_url":"https://tailark.com/r/veil-comparator-1.json"},{"name":"veil-comparator-2","title":"Comparator 2","description":"Tailark Veil comparator block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-comparator-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-comparator-2.json","copy_url":"https://tailark.com/r/veil-comparator-2.json"},{"name":"veil-comparator-3","title":"Comparator 3","description":"Tailark Veil comparator block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-comparator-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-comparator-3.json","copy_url":"https://tailark.com/r/veil-comparator-3.json"},{"name":"veil-contact-1","title":"Contact 1","description":"Tailark Veil contact block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-contact-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-contact-1.json","copy_url":"https://tailark.com/r/veil-contact-1.json"},{"name":"veil-contact-2","title":"Contact 2","description":"Tailark Veil contact block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-contact-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-contact-2.json","copy_url":"https://tailark.com/r/veil-contact-2.json"},{"name":"veil-content-1","title":"Content 1","description":"Tailark Veil content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-content-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-content-1.json","copy_url":"https://tailark.com/r/veil-content-1.json"},{"name":"veil-content-2","title":"Content 2","description":"Tailark Veil content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-content-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-content-2.json","copy_url":"https://tailark.com/r/veil-content-2.json"},{"name":"veil-content-3","title":"Content 3","description":"Tailark Veil content block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-content-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-content-3.json","copy_url":"https://tailark.com/r/veil-content-3.json"},{"name":"veil-faqs-1","title":"Faqs 1","description":"Tailark Veil faqs block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-faqs-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-faqs-1.json","copy_url":"https://tailark.com/r/veil-faqs-1.json"},{"name":"veil-faqs-2","title":"Faqs 2","description":"Tailark Veil faqs block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-faqs-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-faqs-2.json","copy_url":"https://tailark.com/r/veil-faqs-2.json"},{"name":"veil-faqs-3","title":"Faqs 3","description":"Tailark Veil faqs block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-faqs-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-faqs-3.json","copy_url":"https://tailark.com/r/veil-faqs-3.json"},{"name":"veil-faqs-4","title":"Faqs 4","description":"Tailark Veil faqs block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-faqs-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-faqs-4.json","copy_url":"https://tailark.com/r/veil-faqs-4.json"},{"name":"veil-faqs-5","title":"Faqs 5","description":"Tailark Veil faqs block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-faqs-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-faqs-5.json","copy_url":"https://tailark.com/r/veil-faqs-5.json"},{"name":"veil-features-1","title":"Features 1","description":"Tailark Veil features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-features-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-features-1.json","copy_url":"https://tailark.com/r/veil-features-1.json"},{"name":"veil-features-2","title":"Features 2","description":"Tailark Veil features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-features-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-features-2.json","copy_url":"https://tailark.com/r/veil-features-2.json"},{"name":"veil-features-3","title":"Features 3","description":"Tailark Veil features block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-features-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-features-3.json","copy_url":"https://tailark.com/r/veil-features-3.json"},{"name":"veil-footer-1","title":"Footer 1","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-1.json","copy_url":"https://tailark.com/r/veil-footer-1.json"},{"name":"veil-footer-2","title":"Footer 2","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-2.json","copy_url":"https://tailark.com/r/veil-footer-2.json"},{"name":"veil-footer-3","title":"Footer 3","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-3.json","copy_url":"https://tailark.com/r/veil-footer-3.json"},{"name":"veil-footer-4","title":"Footer 4","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-4.json","copy_url":"https://tailark.com/r/veil-footer-4.json"},{"name":"veil-footer-5","title":"Footer 5","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-5.json","copy_url":"https://tailark.com/r/veil-footer-5.json"},{"name":"veil-footer-6","title":"Footer 6","description":"Tailark Veil footer block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-footer-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-footer-6.json","copy_url":"https://tailark.com/r/veil-footer-6.json"},{"name":"veil-forgot-password-1","title":"Forgot Password 1","description":"Tailark Veil forgot-password block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-forgot-password-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-forgot-password-1.json","copy_url":"https://tailark.com/r/veil-forgot-password-1.json"},{"name":"veil-forgot-password-2","title":"Forgot Password 2","description":"Tailark Veil forgot-password block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-forgot-password-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-forgot-password-2.json","copy_url":"https://tailark.com/r/veil-forgot-password-2.json"},{"name":"veil-forgot-password-3","title":"Forgot Password 3","description":"Tailark Veil forgot-password block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-forgot-password-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-forgot-password-3.json","copy_url":"https://tailark.com/r/veil-forgot-password-3.json"},{"name":"veil-hero-section-1","title":"Hero Section 1","description":"Tailark Veil hero-section block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hero-section-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hero-section-1.json","copy_url":"https://tailark.com/r/veil-hero-section-1.json"},{"name":"veil-hero-section-2","title":"Hero Section 2","description":"Tailark Veil hero-section block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hero-section-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hero-section-2.json","copy_url":"https://tailark.com/r/veil-hero-section-2.json"},{"name":"veil-hero-section-3","title":"Hero Section 3","description":"Tailark Veil hero-section block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hero-section-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hero-section-3.json","copy_url":"https://tailark.com/r/veil-hero-section-3.json"},{"name":"veil-hero-section-4","title":"Hero Section 4","description":"Tailark Veil hero-section block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hero-section-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hero-section-4.json","copy_url":"https://tailark.com/r/veil-hero-section-4.json"},{"name":"veil-hero-section-5","title":"Hero Section 5","description":"Tailark Veil hero-section block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-hero-section-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-hero-section-5.json","copy_url":"https://tailark.com/r/veil-hero-section-5.json"},{"name":"veil-integrations-1","title":"Integrations 1","description":"Tailark Veil integrations block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-integrations-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-integrations-1.json","copy_url":"https://tailark.com/r/veil-integrations-1.json"},{"name":"veil-integrations-2","title":"Integrations 2","description":"Tailark Veil integrations block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-integrations-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-integrations-2.json","copy_url":"https://tailark.com/r/veil-integrations-2.json"},{"name":"veil-login-1","title":"Login 1","description":"Tailark Veil login block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-login-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-login-1.json","copy_url":"https://tailark.com/r/veil-login-1.json"},{"name":"veil-login-2","title":"Login 2","description":"Tailark Veil login block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-login-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-login-2.json","copy_url":"https://tailark.com/r/veil-login-2.json"},{"name":"veil-login-3","title":"Login 3","description":"Tailark Veil login block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-login-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-login-3.json","copy_url":"https://tailark.com/r/veil-login-3.json"},{"name":"veil-logo-cloud-1","title":"Logo Cloud 1","description":"Tailark Veil logo-cloud block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-logo-cloud-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-logo-cloud-1.json","copy_url":"https://tailark.com/r/veil-logo-cloud-1.json"},{"name":"veil-logo-cloud-2","title":"Logo Cloud 2","description":"Tailark Veil logo-cloud block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-logo-cloud-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-logo-cloud-2.json","copy_url":"https://tailark.com/r/veil-logo-cloud-2.json"},{"name":"veil-pricing-1","title":"Pricing 1","description":"Tailark Veil pricing block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-pricing-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-pricing-1.json","copy_url":"https://tailark.com/r/veil-pricing-1.json"},{"name":"veil-pricing-2","title":"Pricing 2","description":"Tailark Veil pricing block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-pricing-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-pricing-2.json","copy_url":"https://tailark.com/r/veil-pricing-2.json"},{"name":"veil-pricing-3","title":"Pricing 3","description":"Tailark Veil pricing block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-pricing-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-pricing-3.json","copy_url":"https://tailark.com/r/veil-pricing-3.json"},{"name":"veil-sign-up-1","title":"Sign Up 1","description":"Tailark Veil sign-up block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-sign-up-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-sign-up-1.json","copy_url":"https://tailark.com/r/veil-sign-up-1.json"},{"name":"veil-sign-up-2","title":"Sign Up 2","description":"Tailark Veil sign-up block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-sign-up-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-sign-up-2.json","copy_url":"https://tailark.com/r/veil-sign-up-2.json"},{"name":"veil-sign-up-3","title":"Sign Up 3","description":"Tailark Veil sign-up block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-sign-up-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-sign-up-3.json","copy_url":"https://tailark.com/r/veil-sign-up-3.json"},{"name":"veil-stats-1","title":"Stats 1","description":"Tailark Veil stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-stats-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-stats-1.json","copy_url":"https://tailark.com/r/veil-stats-1.json"},{"name":"veil-stats-2","title":"Stats 2","description":"Tailark Veil stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-stats-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-stats-2.json","copy_url":"https://tailark.com/r/veil-stats-2.json"},{"name":"veil-stats-3","title":"Stats 3","description":"Tailark Veil stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-stats-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-stats-3.json","copy_url":"https://tailark.com/r/veil-stats-3.json"},{"name":"veil-stats-4","title":"Stats 4","description":"Tailark Veil stats block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-stats-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-stats-4.json","copy_url":"https://tailark.com/r/veil-stats-4.json"},{"name":"veil-team-1","title":"Team 1","description":"Tailark Veil team block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-team-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-team-1.json","copy_url":"https://tailark.com/r/veil-team-1.json"},{"name":"veil-team-2","title":"Team 2","description":"Tailark Veil team block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-team-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-team-2.json","copy_url":"https://tailark.com/r/veil-team-2.json"},{"name":"veil-testimonials-1","title":"Testimonials 1","description":"Tailark Veil testimonials block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-testimonials-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-testimonials-1.json","copy_url":"https://tailark.com/r/veil-testimonials-1.json"},{"name":"veil-testimonials-2","title":"Testimonials 2","description":"Tailark Veil testimonials block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-testimonials-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-testimonials-2.json","copy_url":"https://tailark.com/r/veil-testimonials-2.json"},{"name":"veil-testimonials-3","title":"Testimonials 3","description":"Tailark Veil testimonials block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-testimonials-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-testimonials-3.json","copy_url":"https://tailark.com/r/veil-testimonials-3.json"},{"name":"veil-testimonials-4","title":"Testimonials 4","description":"Tailark Veil testimonials block","type":"registry:block","tags":["auth","blocks","design-system","icons","marketing","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/veil-testimonials-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/veil-testimonials-4.json","copy_url":"https://tailark.com/r/veil-testimonials-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","recently-updated"],"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.vercel.app/registry/tailgrids","markdown":"https://sh4dcn.vercel.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":1607,"open_issues":4,"last_commit":"2026-07-01T09:52:52Z"},"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","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)"],"source_url":"https://tailgrids.com/docs/r/accordion.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/accordion.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/alert.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/alert.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/alert-dialog.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/alert-dialog.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/aspect-ratio.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/avatar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/avatar.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/badge.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/badge.json","copy_url":"https://tailgrids.com/docs/r/badge.json"},{"name":"breadcrumbs","title":null,"description":"Breadcrumbs component with multiple variants and support for icons.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/breadcrumbs.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/button.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/button.json","copy_url":"https://tailgrids.com/docs/r/button.json"},{"name":"button-group","title":null,"description":"A component with multiple buttons grouped together.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/button-group.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/button-group.json","copy_url":"https://tailgrids.com/docs/r/button-group.json"},{"name":"calendar","title":null,"description":"A calendar component with internationalization support.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/calendar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/calendar.json","copy_url":"https://tailgrids.com/docs/r/calendar.json"},{"name":"card","title":null,"description":"A card component with ultimate flexibility and customization.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/card.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/card.json","copy_url":"https://tailgrids.com/docs/r/card.json"},{"name":"carousel","title":null,"description":"A powerful, flexible carousel component built with Embla Carousel.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/carousel.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/carousel.json","copy_url":"https://tailgrids.com/docs/r/carousel.json"},{"name":"chart","title":null,"description":"A chart component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/chart.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/chart.json","copy_url":"https://tailgrids.com/docs/r/chart.json"},{"name":"checkbox","title":null,"description":"A checkbox component with label and multiple states.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/checkbox.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/checkbox.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/collapsible.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/collapsible.json","copy_url":"https://tailgrids.com/docs/r/collapsible.json"},{"name":"context-menu","title":null,"description":"A context menu component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/context-menu.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/context-menu.json","copy_url":"https://tailgrids.com/docs/r/context-menu.json"},{"name":"combobox","title":null,"description":"A combobox component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/combobox.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/combobox.json","copy_url":"https://tailgrids.com/docs/r/combobox.json"},{"name":"command","title":null,"description":"A command menu component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/command.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/command.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/date-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/date-field.json","copy_url":"https://tailgrids.com/docs/r/date-field.json"},{"name":"date-picker","title":null,"description":"A component to select a date.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/date-picker.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/date-picker.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/description.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/description.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/dialog.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/dialog.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/drawer.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/drawer.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/dropdown.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/dropdown.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/field.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/hover-card.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/hover-card.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/input.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/input-group.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/input-group.json","copy_url":"https://tailgrids.com/docs/r/input-group.json"},{"name":"label","title":null,"description":"A label component for form fields.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/label.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/label.json","copy_url":"https://tailgrids.com/docs/r/label.json"},{"name":"link","title":null,"description":"A link component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/link.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/link.json","copy_url":"https://tailgrids.com/docs/r/link.json"},{"name":"list","title":null,"description":"A list component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/list.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/list.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/menubar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/menubar.json","copy_url":"https://tailgrids.com/docs/r/menubar.json"},{"name":"native-select","title":null,"description":"A native select component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/native-select.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/native-select.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/navigation-menu.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/navigation-menu.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/number-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/number-field.json","copy_url":"https://tailgrids.com/docs/r/number-field.json"},{"name":"otp-input","title":null,"description":"A component for entering one-time passwords.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/otp-input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/otp-input.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/overlay.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/overlay.json","copy_url":"https://tailgrids.com/docs/r/overlay.json"},{"name":"pagination","title":null,"description":"A component for navigating between pages.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/pagination.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/pagination.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/popover.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/popover.json","copy_url":"https://tailgrids.com/docs/r/popover.json"},{"name":"progress","title":null,"description":"A progress bar component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/progress.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/progress.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/radio-input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/radio-input.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/range-calendar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/range-calendar.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/resizable.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/resizable.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/scroll-area.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/scroll-area.json","copy_url":"https://tailgrids.com/docs/r/scroll-area.json"},{"name":"select","title":null,"description":"A select component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/select.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/select.json","copy_url":"https://tailgrids.com/docs/r/select.json"},{"name":"separator","title":null,"description":"A separator component to separate content.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/separator.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/separator.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/sheet.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/sheet.json","copy_url":"https://tailgrids.com/docs/r/sheet.json"},{"name":"sidebar","title":null,"description":"A reusable, responsive, and accessible sidebar component.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/sidebar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/sidebar.json","copy_url":"https://tailgrids.com/docs/r/sidebar.json"},{"name":"skeleton","title":null,"description":"A component to indicate a loading state.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/skeleton.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/skeleton.json","copy_url":"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","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)"],"source_url":"https://tailgrids.com/docs/r/slider.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/slider.json","copy_url":"https://tailgrids.com/docs/r/slider.json"},{"name":"social-button","title":null,"description":"A button component for social media actions.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/social-button.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/social-button.json","copy_url":"https://tailgrids.com/docs/r/social-button.json"},{"name":"spinner","title":null,"description":"A spinner component to indicate a loading state.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/spinner.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/spinner.json","copy_url":"https://tailgrids.com/docs/r/spinner.json"},{"name":"table","title":null,"description":"A table component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/table.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/table.json","copy_url":"https://tailgrids.com/docs/r/table.json"},{"name":"tabs","title":null,"description":"A tabs component with multiple variants.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/tabs.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/tabs.json","copy_url":"https://tailgrids.com/docs/r/tabs.json"},{"name":"text-area","title":null,"description":"A multiline text input component.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/text-area.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/text-area.json","copy_url":"https://tailgrids.com/docs/r/text-area.json"},{"name":"text-field","title":null,"description":"A wrapper for text inputs.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/text-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/text-field.json","copy_url":"https://tailgrids.com/docs/r/text-field.json"},{"name":"time-field","title":null,"description":"A segment-based time input component.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/time-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/time-field.json","copy_url":"https://tailgrids.com/docs/r/time-field.json"},{"name":"time-picker","title":null,"description":"A component to select a time.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/time-picker.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/time-picker.json","copy_url":"https://tailgrids.com/docs/r/time-picker.json"},{"name":"toast","title":null,"description":"A toast component for displaying notifications.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/toast.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/toast.json","copy_url":"https://tailgrids.com/docs/r/toast.json"},{"name":"toggle","title":null,"description":"A toggle switch component.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/toggle.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/toggle.json","copy_url":"https://tailgrids.com/docs/r/toggle.json"},{"name":"tooltip","title":null,"description":"A tooltip component.","type":"registry:ui","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)"],"source_url":"https://tailgrids.com/docs/r/tooltip.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/tooltip.json","copy_url":"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.vercel.app/registry/tailwind-admin","markdown":"https://sh4dcn.vercel.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":230,"open_issues":1,"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","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"],"source_url":"https://tailwind-admin.com/r/download-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/download-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/empty-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/empty-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/error-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/error-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/greeting-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/greeting-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/mutual-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/mutual-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/notification-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/notification-banner.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/welcome-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/welcome-banner.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/top-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/top-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/blog-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/blog-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/feed-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/feed-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/gift-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/gift-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/music-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/music-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/payment-gateways.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/payment-gateways.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/poll-result.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/poll-result.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/products-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/products-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/profile-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/profile-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/recent-comments.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-comments.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/recent-messages.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-messages.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/recent-transaction.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-transaction.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/review-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/review-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/settings-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/settings-card.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/social-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-card.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/social-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-cards.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/social-post.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-post.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/task-list.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/task-list.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/upcomming-activities.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/upcomming-activities.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/user-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/user-cards.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/login-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-1.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/login-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-2.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/login-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-3.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/login-4.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-4.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/signup-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-1.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/signup-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-2.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/signup-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-3.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/signup-4.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-4.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/otp-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-1.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/otp-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-2.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/otp-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-3.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/customers-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/customers-chart.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/earned-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/earned-chart.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/expnace-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/expnace-chart.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/followers-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/followers-chart.json","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/income-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/income-chart.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/projects-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/projects-chart.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/views-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/views-chart.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/glitch-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/glitch-button.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/magnetic-button.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/shiny-button.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://tailwind-admin.com/r/link-preview.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/link-preview.json","copy_url":"https://tailwind-admin.com/r/link-preview.json"},{"name":"animated-list-motion","title":null,"description":"A list component with staggered animation.","type":"registry:component","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://tailwind-admin.com/r/text-roller-motion.json"},{"name":"shiny-text-motion","title":null,"description":"A text component that shines.","type":"registry:component","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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.vercel.app/registry/tailwind-builder","markdown":"https://sh4dcn.vercel.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.vercel.app/registry/taki","markdown":"https://sh4dcn.vercel.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":26,"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","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)"],"source_url":"https://taki-ui.com/r/index.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/index.json","copy_url":"https://taki-ui.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","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)"],"source_url":"https://taki-ui.com/r/style.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/style.json","copy_url":"https://taki-ui.com/r/style.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/alert.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert.json","copy_url":"https://taki-ui.com/r/alert.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/avatar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/avatar.json","copy_url":"https://taki-ui.com/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge.json","copy_url":"https://taki-ui.com/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb.json","copy_url":"https://taki-ui.com/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button.json","copy_url":"https://taki-ui.com/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/button-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group.json","copy_url":"https://taki-ui.com/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/calendar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar.json","copy_url":"https://taki-ui.com/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/card.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/card.json","copy_url":"https://taki-ui.com/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/carousel.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel.json","copy_url":"https://taki-ui.com/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/chart.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart.json","copy_url":"https://taki-ui.com/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox.json","copy_url":"https://taki-ui.com/r/checkbox.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox.json","copy_url":"https://taki-ui.com/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/command.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/command.json","copy_url":"https://taki-ui.com/r/command.json"},{"name":"date-field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/date-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/date-field.json","copy_url":"https://taki-ui.com/r/date-field.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/date-picker.json","copy_url":"https://taki-ui.com/r/date-picker.json"},{"name":"date-range-picker","title":null,"description":null,"type":"registry:ui","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)"],"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","copy_url":"https://taki-ui.com/r/date-range-picker.json"},{"name":"description","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/description.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/description.json","copy_url":"https://taki-ui.com/r/description.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/dialog.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/dialog.json","copy_url":"https://taki-ui.com/r/dialog.json"},{"name":"modal","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/modal.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/modal.json","copy_url":"https://taki-ui.com/r/modal.json"},{"name":"disclosure","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/disclosure.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/disclosure.json","copy_url":"https://taki-ui.com/r/disclosure.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/drawer.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/drawer.json","copy_url":"https://taki-ui.com/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/empty.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/empty.json","copy_url":"https://taki-ui.com/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/field.json","copy_url":"https://taki-ui.com/r/field.json"},{"name":"file-trigger","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/file-trigger.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/file-trigger.json","copy_url":"https://taki-ui.com/r/file-trigger.json"},{"name":"grid-list","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/grid-list.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/grid-list.json","copy_url":"https://taki-ui.com/r/grid-list.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/hover-card.json","copy_url":"https://taki-ui.com/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/input.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input.json","copy_url":"https://taki-ui.com/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/input-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input-group.json","copy_url":"https://taki-ui.com/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input-otp.json","copy_url":"https://taki-ui.com/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/item.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/item.json","copy_url":"https://taki-ui.com/r/item.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/label.json","copy_url":"https://taki-ui.com/r/label.json"},{"name":"link-button","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/link-button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/link-button.json","copy_url":"https://taki-ui.com/r/link-button.json"},{"name":"list-box","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/list-box.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/list-box.json","copy_url":"https://taki-ui.com/r/list-box.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/menu.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/menu.json","copy_url":"https://taki-ui.com/r/menu.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/number-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/number-field.json","copy_url":"https://taki-ui.com/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/pagination.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/pagination.json","copy_url":"https://taki-ui.com/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/popover.json","copy_url":"https://taki-ui.com/r/popover.json"},{"name":"progress-bar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/progress-bar.json","copy_url":"https://taki-ui.com/r/progress-bar.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/radio-group.json","copy_url":"https://taki-ui.com/r/radio-group.json"},{"name":"range-calendar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/range-calendar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/range-calendar.json","copy_url":"https://taki-ui.com/r/range-calendar.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/resizable.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/resizable.json","copy_url":"https://taki-ui.com/r/resizable.json"},{"name":"search-field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/search-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/search-field.json","copy_url":"https://taki-ui.com/r/search-field.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/select.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/select.json","copy_url":"https://taki-ui.com/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/separator.json","copy_url":"https://taki-ui.com/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/sheet.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sheet.json","copy_url":"https://taki-ui.com/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sidebar.json","copy_url":"https://taki-ui.com/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/skeleton.json","copy_url":"https://taki-ui.com/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/slider.json","copy_url":"https://taki-ui.com/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/sonner.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sonner.json","copy_url":"https://taki-ui.com/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/spinner.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/spinner.json","copy_url":"https://taki-ui.com/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/switch.json","copy_url":"https://taki-ui.com/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/table.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/table.json","copy_url":"https://taki-ui.com/r/table.json"},{"name":"tag-group","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/tag-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tag-group.json","copy_url":"https://taki-ui.com/r/tag-group.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/tabs.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tabs.json","copy_url":"https://taki-ui.com/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/textarea.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/textarea.json","copy_url":"https://taki-ui.com/r/textarea.json"},{"name":"text-field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/text-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/text-field.json","copy_url":"https://taki-ui.com/r/text-field.json"},{"name":"time-field","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/time-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/time-field.json","copy_url":"https://taki-ui.com/r/time-field.json"},{"name":"toggle-button","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/toggle-button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/toggle-button.json","copy_url":"https://taki-ui.com/r/toggle-button.json"},{"name":"toggle-button-group","title":null,"description":null,"type":"registry:ui","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)"],"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","copy_url":"https://taki-ui.com/r/toggle-button-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tooltip.json","copy_url":"https://taki-ui.com/r/tooltip.json"},{"name":"tree","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/tree.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tree.json","copy_url":"https://taki-ui.com/r/tree.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/kbd.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/kbd.json","copy_url":"https://taki-ui.com/r/kbd.json"},{"name":"actions","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/actions.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/actions.json","copy_url":"https://taki-ui.com/r/actions.json"},{"name":"artifact","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/artifact.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/artifact.json","copy_url":"https://taki-ui.com/r/artifact.json"},{"name":"branch","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/branch.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/branch.json","copy_url":"https://taki-ui.com/r/branch.json"},{"name":"canvas","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/canvas.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/canvas.json","copy_url":"https://taki-ui.com/r/canvas.json"},{"name":"chain-of-thought","title":null,"description":null,"type":"registry:ui","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)"],"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","copy_url":"https://taki-ui.com/r/chain-of-thought.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block.json","copy_url":"https://taki-ui.com/r/code-block.json"},{"name":"connection","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/connection.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/connection.json","copy_url":"https://taki-ui.com/r/connection.json"},{"name":"context","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/context.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/context.json","copy_url":"https://taki-ui.com/r/context.json"},{"name":"controls","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/controls.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/controls.json","copy_url":"https://taki-ui.com/r/controls.json"},{"name":"conversation","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/conversation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/conversation.json","copy_url":"https://taki-ui.com/r/conversation.json"},{"name":"edge","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/edge.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/edge.json","copy_url":"https://taki-ui.com/r/edge.json"},{"name":"image","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/image.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/image.json","copy_url":"https://taki-ui.com/r/image.json"},{"name":"inline-citation","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/inline-citation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/inline-citation.json","copy_url":"https://taki-ui.com/r/inline-citation.json"},{"name":"loader","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/loader.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/loader.json","copy_url":"https://taki-ui.com/r/loader.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/message.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/message.json","copy_url":"https://taki-ui.com/r/message.json"},{"name":"node","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/node.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/node.json","copy_url":"https://taki-ui.com/r/node.json"},{"name":"open-in-chat","title":null,"description":null,"type":"registry:ui","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)"],"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","copy_url":"https://taki-ui.com/r/open-in-chat.json"},{"name":"panel","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/panel.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/panel.json","copy_url":"https://taki-ui.com/r/panel.json"},{"name":"plan","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/plan.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/plan.json","copy_url":"https://taki-ui.com/r/plan.json"},{"name":"prompt-input","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/prompt-input.json","copy_url":"https://taki-ui.com/r/prompt-input.json"},{"name":"queue","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/queue.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/queue.json","copy_url":"https://taki-ui.com/r/queue.json"},{"name":"reasoning","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/reasoning.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/reasoning.json","copy_url":"https://taki-ui.com/r/reasoning.json"},{"name":"response","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/response.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/response.json","copy_url":"https://taki-ui.com/r/response.json"},{"name":"shimmer","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/shimmer.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/shimmer.json","copy_url":"https://taki-ui.com/r/shimmer.json"},{"name":"sources","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/sources.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sources.json","copy_url":"https://taki-ui.com/r/sources.json"},{"name":"suggestion","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/suggestion.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/suggestion.json","copy_url":"https://taki-ui.com/r/suggestion.json"},{"name":"task","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/task.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/task.json","copy_url":"https://taki-ui.com/r/task.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/toolbar.json","copy_url":"https://taki-ui.com/r/toolbar.json"},{"name":"tool","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/tool.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tool.json","copy_url":"https://taki-ui.com/r/tool.json"},{"name":"web-preview","title":null,"description":null,"type":"registry:ui","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)"],"source_url":"https://taki-ui.com/r/web-preview.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/web-preview.json","copy_url":"https://taki-ui.com/r/web-preview.json"},{"name":"chart-area-axes","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-axes.json"},{"name":"chart-area-default","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-default.json"},{"name":"chart-area-gradient","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-gradient.json"},{"name":"chart-area-icons","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-icons.json"},{"name":"chart-area-interactive","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-interactive.json"},{"name":"chart-area-legend","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-legend.json"},{"name":"chart-area-linear","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-linear.json"},{"name":"chart-area-stacked-expand","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-stacked-expand.json"},{"name":"chart-area-stacked","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-stacked.json"},{"name":"chart-area-step","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-area-step.json"},{"name":"chart-bar-active","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-active.json"},{"name":"chart-bar-default","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-default.json"},{"name":"chart-bar-horizontal","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-horizontal.json"},{"name":"chart-bar-interactive","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-interactive.json"},{"name":"chart-bar-label-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-label-custom.json"},{"name":"chart-bar-label","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-label.json"},{"name":"chart-bar-mixed","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-mixed.json"},{"name":"chart-bar-multiple","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-multiple.json"},{"name":"chart-bar-negative","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-negative.json"},{"name":"chart-bar-stacked","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-bar-stacked.json"},{"name":"chart-line-default","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-default.json"},{"name":"chart-line-dots-colors","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-dots-colors.json"},{"name":"chart-line-dots-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-dots-custom.json"},{"name":"chart-line-dots","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-dots.json"},{"name":"chart-line-interactive","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-interactive.json"},{"name":"chart-line-label-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-label-custom.json"},{"name":"chart-line-label","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-label.json"},{"name":"chart-line-linear","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-linear.json"},{"name":"chart-line-multiple","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-multiple.json"},{"name":"chart-line-step","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-line-step.json"},{"name":"chart-pie-donut-active","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-donut-active.json"},{"name":"chart-pie-donut-text","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-donut-text.json"},{"name":"chart-pie-donut","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-donut.json"},{"name":"chart-pie-interactive","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-interactive.json"},{"name":"chart-pie-label-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-label-custom.json"},{"name":"chart-pie-label-list","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-label-list.json"},{"name":"chart-pie-label","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-label.json"},{"name":"chart-pie-legend","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-legend.json"},{"name":"chart-pie-separator-none","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-separator-none.json"},{"name":"chart-pie-simple","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-simple.json"},{"name":"chart-pie-stacked","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-pie-stacked.json"},{"name":"chart-radar-default","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-default.json"},{"name":"chart-radar-dots","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-dots.json"},{"name":"chart-radar-grid-circle-fill","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"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","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-grid-circle-no-lines.json"},{"name":"chart-radar-grid-circle","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-grid-circle.json"},{"name":"chart-radar-grid-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-grid-custom.json"},{"name":"chart-radar-grid-fill","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-grid-fill.json"},{"name":"chart-radar-grid-none","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-grid-none.json"},{"name":"chart-radar-icons","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-icons.json"},{"name":"chart-radar-label-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-label-custom.json"},{"name":"chart-radar-legend","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-legend.json"},{"name":"chart-radar-lines-only","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-lines-only.json"},{"name":"chart-radar-multiple","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-multiple.json"},{"name":"chart-radar-radius","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radar-radius.json"},{"name":"chart-radial-grid","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-grid.json"},{"name":"chart-radial-label","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-label.json"},{"name":"chart-radial-shape","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-shape.json"},{"name":"chart-radial-simple","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-simple.json"},{"name":"chart-radial-stacked","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-stacked.json"},{"name":"chart-radial-text","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-radial-text.json"},{"name":"chart-tooltip-default","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-default.json"},{"name":"chart-tooltip-indicator-line","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-indicator-line.json"},{"name":"chart-tooltip-indicator-none","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-indicator-none.json"},{"name":"chart-tooltip-label-none","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-label-none.json"},{"name":"chart-tooltip-label-custom","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-label-custom.json"},{"name":"chart-tooltip-label-formatter","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-label-formatter.json"},{"name":"chart-tooltip-formatter","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-formatter.json"},{"name":"chart-tooltip-icons","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-icons.json"},{"name":"chart-tooltip-advanced","title":null,"description":null,"type":"registry:block","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)"],"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","copy_url":"https://taki-ui.com/r/chart-tooltip-advanced.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","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)"],"source_url":"https://taki-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/utils.json","copy_url":"https://taki-ui.com/r/utils.json"},{"name":"use-controllable-state","title":null,"description":null,"type":"registry:hook","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)"],"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","copy_url":"https://taki-ui.com/r/use-controllable-state.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","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)"],"source_url":"https://taki-ui.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/use-mobile.json","copy_url":"https://taki-ui.com/r/use-mobile.json"},{"name":"theme-stone","title":null,"description":null,"type":"registry:theme","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)"],"source_url":"https://taki-ui.com/r/theme-stone.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-stone.json","copy_url":"https://taki-ui.com/r/theme-stone.json"},{"name":"theme-zinc","title":null,"description":null,"type":"registry:theme","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)"],"source_url":"https://taki-ui.com/r/theme-zinc.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-zinc.json","copy_url":"https://taki-ui.com/r/theme-zinc.json"},{"name":"theme-neutral","title":null,"description":null,"type":"registry:theme","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)"],"source_url":"https://taki-ui.com/r/theme-neutral.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-neutral.json","copy_url":"https://taki-ui.com/r/theme-neutral.json"},{"name":"theme-gray","title":null,"description":null,"type":"registry:theme","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)"],"source_url":"https://taki-ui.com/r/theme-gray.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-gray.json","copy_url":"https://taki-ui.com/r/theme-gray.json"},{"name":"theme-slate","title":null,"description":null,"type":"registry:theme","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)"],"source_url":"https://taki-ui.com/r/theme-slate.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-slate.json","copy_url":"https://taki-ui.com/r/theme-slate.json"},{"name":"alert-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/alert-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert-demo.json","copy_url":"https://taki-ui.com/r/alert-demo.json"},{"name":"alert-destructive","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/alert-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert-destructive.json","copy_url":"https://taki-ui.com/r/alert-destructive.json"},{"name":"actions-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/actions-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/actions-demo.json","copy_url":"https://taki-ui.com/r/actions-demo.json"},{"name":"artifact-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/artifact-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/artifact-demo.json","copy_url":"https://taki-ui.com/r/artifact-demo.json"},{"name":"branch-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/branch-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/branch-demo.json","copy_url":"https://taki-ui.com/r/branch-demo.json"},{"name":"chain-of-thought-demo","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/chain-of-thought-demo.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/avatar-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/avatar-demo.json","copy_url":"https://taki-ui.com/r/avatar-demo.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/badge-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-demo.json","copy_url":"https://taki-ui.com/r/badge-demo.json"},{"name":"badge-destructive","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/badge-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-destructive.json","copy_url":"https://taki-ui.com/r/badge-destructive.json"},{"name":"badge-link","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/badge-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-link.json","copy_url":"https://taki-ui.com/r/badge-link.json"},{"name":"badge-outline","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/badge-outline.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-outline.json","copy_url":"https://taki-ui.com/r/badge-outline.json"},{"name":"badge-secondary","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/badge-secondary.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-secondary.json","copy_url":"https://taki-ui.com/r/badge-secondary.json"},{"name":"breadcrumb-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-demo.json","copy_url":"https://taki-ui.com/r/breadcrumb-demo.json"},{"name":"breadcrumb-separator","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-separator.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-separator.json","copy_url":"https://taki-ui.com/r/breadcrumb-separator.json"},{"name":"breadcrumb-dropdown","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-dropdown.json","copy_url":"https://taki-ui.com/r/breadcrumb-dropdown.json"},{"name":"breadcrumb-ellipsis","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-ellipsis.json","copy_url":"https://taki-ui.com/r/breadcrumb-ellipsis.json"},{"name":"breadcrumb-link","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-link.json","copy_url":"https://taki-ui.com/r/breadcrumb-link.json"},{"name":"breadcrumb-responsive","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/breadcrumb-responsive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-responsive.json","copy_url":"https://taki-ui.com/r/breadcrumb-responsive.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-demo.json","copy_url":"https://taki-ui.com/r/button-demo.json"},{"name":"button-default","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-default.json","copy_url":"https://taki-ui.com/r/button-default.json"},{"name":"button-secondary","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-secondary.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-secondary.json","copy_url":"https://taki-ui.com/r/button-secondary.json"},{"name":"button-destructive","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-destructive.json","copy_url":"https://taki-ui.com/r/button-destructive.json"},{"name":"button-outline","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-outline.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-outline.json","copy_url":"https://taki-ui.com/r/button-outline.json"},{"name":"button-ghost","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-ghost.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-ghost.json","copy_url":"https://taki-ui.com/r/button-ghost.json"},{"name":"button-link","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-link.json","copy_url":"https://taki-ui.com/r/button-link.json"},{"name":"button-with-icon","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-with-icon.json"},{"name":"button-loading","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-loading.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-loading.json","copy_url":"https://taki-ui.com/r/button-loading.json"},{"name":"button-icon","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-icon.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-icon.json","copy_url":"https://taki-ui.com/r/button-icon.json"},{"name":"button-as-child","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-as-child.json"},{"name":"button-rounded","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-rounded.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-rounded.json","copy_url":"https://taki-ui.com/r/button-rounded.json"},{"name":"button-size","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/button-size.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-size.json","copy_url":"https://taki-ui.com/r/button-size.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-demo.json"},{"name":"button-group-dropdown","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-dropdown.json"},{"name":"button-group-input","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-input.json"},{"name":"button-group-input-group","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-input-group.json"},{"name":"button-group-label","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-label.json"},{"name":"button-group-nested","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-nested.json"},{"name":"button-group-orientation","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-orientation.json"},{"name":"button-group-popover","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-popover.json"},{"name":"button-group-select","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-select.json"},{"name":"button-group-separator","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-separator.json"},{"name":"button-group-size","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-size.json"},{"name":"button-group-split","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/button-group-split.json"},{"name":"calendar-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/calendar-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar-demo.json","copy_url":"https://taki-ui.com/r/calendar-demo.json"},{"name":"calendar-form","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/calendar-form.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar-form.json","copy_url":"https://taki-ui.com/r/calendar-form.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/card-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/card-demo.json","copy_url":"https://taki-ui.com/r/card-demo.json"},{"name":"card-with-form","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/card-with-form.json"},{"name":"carousel-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-demo.json","copy_url":"https://taki-ui.com/r/carousel-demo.json"},{"name":"carousel-size","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-size.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-size.json","copy_url":"https://taki-ui.com/r/carousel-size.json"},{"name":"carousel-spacing","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-spacing.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-spacing.json","copy_url":"https://taki-ui.com/r/carousel-spacing.json"},{"name":"carousel-orientation","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-orientation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-orientation.json","copy_url":"https://taki-ui.com/r/carousel-orientation.json"},{"name":"carousel-api","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-api.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-api.json","copy_url":"https://taki-ui.com/r/carousel-api.json"},{"name":"carousel-plugin","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/carousel-plugin.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-plugin.json","copy_url":"https://taki-ui.com/r/carousel-plugin.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-demo.json","copy_url":"https://taki-ui.com/r/checkbox-demo.json"},{"name":"checkbox-disabled","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/checkbox-disabled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-disabled.json","copy_url":"https://taki-ui.com/r/checkbox-disabled.json"},{"name":"checkbox-form-multiple","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/checkbox-form-multiple.json"},{"name":"checkbox-form-single","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/checkbox-form-single.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/checkbox-group-demo.json"},{"name":"checkbox-with-text","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/checkbox-with-text.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-demo.json"},{"name":"code-block-custom-theme","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-custom-theme.json"},{"name":"code-block-diff","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-diff.json"},{"name":"code-block-focus","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-focus.json"},{"name":"code-block-highlight","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-highlight.json"},{"name":"code-block-highlight-word","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-highlight-word.json"},{"name":"code-block-multiple-files","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-multiple-files.json"},{"name":"code-block-no-header","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-no-header.json"},{"name":"code-block-no-line-numbers","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-no-line-numbers.json"},{"name":"code-block-no-syntax","title":null,"description":null,"type":"registry:example","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)"],"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","copy_url":"https://taki-ui.com/r/code-block-no-syntax.json"},{"name":"context-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/context-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/context-demo.json","copy_url":"https://taki-ui.com/r/context-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-demo.json","copy_url":"https://taki-ui.com/r/combobox-demo.json"},{"name":"combobox-sections","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-sections.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-sections.json","copy_url":"https://taki-ui.com/r/combobox-sections.json"},{"name":"combobox-controlled","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-controlled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-controlled.json","copy_url":"https://taki-ui.com/r/combobox-controlled.json"},{"name":"combobox-disabled","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-disabled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-disabled.json","copy_url":"https://taki-ui.com/r/combobox-disabled.json"},{"name":"combobox-description","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-description.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-description.json","copy_url":"https://taki-ui.com/r/combobox-description.json"},{"name":"combobox-validation","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/combobox-validation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-validation.json","copy_url":"https://taki-ui.com/r/combobox-validation.json"},{"name":"conversation-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/conversation-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/conversation-demo.json","copy_url":"https://taki-ui.com/r/conversation-demo.json"},{"name":"image-demo","title":null,"description":null,"type":"registry:example","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)"],"source_url":"https://taki-ui.com/r/image-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/image-demo.json","copy_url":"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":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"labels":["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.vercel.app/registry/termcn","markdown":"https://sh4dcn.vercel.app/md/termcn.md"},"logo":null,"preview_image":"https://www.termcn.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":652,"open_issues":0,"last_commit":"2026-07-05T20:14:50Z"},"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/types.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/types.json","copy_url":"https://termcn.vercel.app/r/ink/types.json"},{"name":"ink/alert","title":"Alert","description":"Alert box with success/error/warning/info variants","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/alert.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/alert.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/badge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/badge.json","copy_url":"https://termcn.vercel.app/r/ink/badge.json"},{"name":"ink/banner","title":"Banner","description":"Full-width announcement banner","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/banner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/banner.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/box.json","copy_url":"https://termcn.vercel.app/r/ink/box.json"},{"name":"ink/breadcrumb","title":"Breadcrumb","description":"Breadcrumb navigation trail","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/breadcrumb.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/breadcrumb.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/card.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/card.json","copy_url":"https://termcn.vercel.app/r/ink/card.json"},{"name":"ink/center","title":"Center","description":"Centers children horizontally and vertically","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/center.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/chat-thread.json"},{"name":"ink/checkbox","title":"Checkbox","description":"Checkbox with indeterminate state","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/checkbox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/checkbox.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/clipboard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/clipboard.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/clock.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/clock.json","copy_url":"https://termcn.vercel.app/r/ink/clock.json"},{"name":"ink/code","title":"Code","description":"Syntax-highlighted code block (50+ languages)","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/code.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/color-picker.json"},{"name":"ink/columns","title":"Columns","description":"Multi-column layout with configurable widths","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/columns.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/columns.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/command-palette.json"},{"name":"ink/confirm","title":"Confirm","description":"Yes/No confirmation prompt","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/confirm.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/confirm.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/date-picker.json"},{"name":"ink/definition","title":"Definition","description":"Term–description definition list","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/definition.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/definition.json","copy_url":"https://termcn.vercel.app/r/ink/definition.json"},{"name":"ink/dialog","title":"Dialog","description":"Confirmation dialog with OK/Cancel actions","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/dialog.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dialog.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/diff-view.json"},{"name":"ink/digits","title":"Digits","description":"Box-drawing character numerals","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/digits.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/digits.json","copy_url":"https://termcn.vercel.app/r/ink/digits.json"},{"name":"ink/directory-tree","title":"Directory Tree","description":"Filesystem browser with expand/collapse","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/dither-sparkline.json"},{"name":"ink/divider","title":"Divider","description":"Horizontal or vertical divider / rule","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/divider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/divider.json","copy_url":"https://termcn.vercel.app/r/ink/divider.json"},{"name":"ink/drawer","title":"Drawer","description":"Slide-in panel from any edge","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/drawer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/drawer.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/form.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/form.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/form-field.json"},{"name":"ink/gauge","title":"Gauge","description":"Arc/speedometer gauge meter","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/gauge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/gauge.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/git-status.json"},{"name":"ink/gradient","title":"Gradient","description":"Color gradient text","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/gradient.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/gradient.json","copy_url":"https://termcn.vercel.app/r/ink/gradient.json"},{"name":"ink/grid","title":"Grid","description":"Rows × columns grid layout","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/grid.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/heading.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/heading.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/help.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/help.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/image.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/image.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/info-box.json"},{"name":"ink/json","title":"JSON","description":"Pretty-printed JSON with collapsible nodes","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/json.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/json.json","copy_url":"https://termcn.vercel.app/r/ink/json.json"},{"name":"ink/key-value","title":"Key Value","description":"Aligned key–value pairs","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/line-chart.json"},{"name":"ink/link","title":"Link","description":"OSC 8 clickable hyperlink","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/link.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/link.json","copy_url":"https://termcn.vercel.app/r/ink/link.json"},{"name":"ink/list","title":"List","description":"Navigable list with optional filtering","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/list.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/log.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/log.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/login-flow.json"},{"name":"ink/markdown","title":"Markdown","description":"Full markdown renderer for terminal","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/markdown.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/markdown.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/masked-input.json"},{"name":"ink/menu","title":"Menu","description":"Dropdown menu with nested submenus","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/menu.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/menu.json","copy_url":"https://termcn.vercel.app/r/ink/menu.json"},{"name":"ink/modal","title":"Modal","description":"Focus-trapped overlay modal, close with Esc","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/modal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/modal.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/number-input.json"},{"name":"opentui/types","title":"Types","description":"Shared terminal theme and provider types.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/types.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/types.json","copy_url":"https://termcn.vercel.app/r/opentui/types.json"},{"name":"opentui/alert","title":"Alert","description":"Alert box with success/error/warning/info variants","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/alert.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/alert.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/badge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/badge.json","copy_url":"https://termcn.vercel.app/r/opentui/badge.json"},{"name":"opentui/banner","title":"Banner","description":"Full-width announcement banner","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/banner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/banner.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/box.json","copy_url":"https://termcn.vercel.app/r/opentui/box.json"},{"name":"opentui/breadcrumb","title":"Breadcrumb","description":"Breadcrumb navigation trail","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/breadcrumb.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/breadcrumb.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/card.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/card.json","copy_url":"https://termcn.vercel.app/r/opentui/card.json"},{"name":"opentui/center","title":"Center","description":"Centers children horizontally and vertically","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/center.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/chat-thread.json"},{"name":"opentui/checkbox","title":"Checkbox","description":"Checkbox with indeterminate state","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/checkbox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/checkbox.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/clipboard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/clipboard.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/clock.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/clock.json","copy_url":"https://termcn.vercel.app/r/opentui/clock.json"},{"name":"opentui/code","title":"Code","description":"Syntax-highlighted code block (50+ languages)","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/code.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/color-picker.json"},{"name":"opentui/columns","title":"Columns","description":"Multi-column layout with configurable widths","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/columns.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/columns.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/command-palette.json"},{"name":"opentui/confirm","title":"Confirm","description":"Yes/No confirmation prompt","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/confirm.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/confirm.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/date-picker.json"},{"name":"opentui/definition","title":"Definition","description":"Term–description definition list","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/definition.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/definition.json","copy_url":"https://termcn.vercel.app/r/opentui/definition.json"},{"name":"opentui/dialog","title":"Dialog","description":"Confirmation dialog with OK/Cancel actions","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/dialog.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dialog.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/diff-view.json"},{"name":"opentui/digits","title":"Digits","description":"Box-drawing character numerals","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/digits.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/digits.json","copy_url":"https://termcn.vercel.app/r/opentui/digits.json"},{"name":"opentui/directory-tree","title":"Directory Tree","description":"Filesystem browser with expand/collapse","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/dither-sparkline.json"},{"name":"opentui/divider","title":"Divider","description":"Horizontal or vertical divider / rule","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/divider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/divider.json","copy_url":"https://termcn.vercel.app/r/opentui/divider.json"},{"name":"opentui/drawer","title":"Drawer","description":"Slide-in panel from any edge","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/drawer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/drawer.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/form.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/form.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/form-field.json"},{"name":"opentui/gauge","title":"Gauge","description":"Arc/speedometer gauge meter","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/gauge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/gauge.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/git-status.json"},{"name":"opentui/gradient","title":"Gradient","description":"Color gradient text","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/gradient.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/gradient.json","copy_url":"https://termcn.vercel.app/r/opentui/gradient.json"},{"name":"opentui/grid","title":"Grid","description":"Rows × columns grid layout","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/grid.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/heading.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/heading.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/help.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/help.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/image.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/image.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/info-box.json"},{"name":"opentui/json","title":"JSON","description":"Pretty-printed JSON with collapsible nodes","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/json.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/json.json","copy_url":"https://termcn.vercel.app/r/opentui/json.json"},{"name":"opentui/key-value","title":"Key Value","description":"Aligned key–value pairs","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/line-chart.json"},{"name":"opentui/link","title":"Link","description":"OSC 8 clickable hyperlink","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/link.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/link.json","copy_url":"https://termcn.vercel.app/r/opentui/link.json"},{"name":"opentui/list","title":"List","description":"Navigable list with optional filtering","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/list.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/log.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/log.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/login-flow.json"},{"name":"opentui/markdown","title":"Markdown","description":"Full markdown renderer for terminal","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/markdown.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/markdown.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/masked-input.json"},{"name":"opentui/menu","title":"Menu","description":"Dropdown menu with nested submenus","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/menu.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/menu.json","copy_url":"https://termcn.vercel.app/r/opentui/menu.json"},{"name":"opentui/modal","title":"Modal","description":"Focus-trapped overlay modal, close with Esc","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/modal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/modal.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/pagination.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/pagination.json","copy_url":"https://termcn.vercel.app/r/opentui/pagination.json"},{"name":"opentui/panel","title":"Panel","description":"Titled bordered panel","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/panel.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/panel.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/pie-chart.json"},{"name":"opentui/popover","title":"Popover","description":"Positioned popover with arbitrary content","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/popover.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/popover.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/radio-group.json"},{"name":"opentui/scroll-view","title":"Scroll View","description":"Scrollable container with scrollbar","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/select.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/setup-flow.json"},{"name":"opentui/sidebar","title":"Sidebar","description":"Collapsible navigation sidebar panel","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/sidebar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/sidebar.json","copy_url":"https://termcn.vercel.app/r/opentui/sidebar.json"},{"name":"opentui/skeleton","title":"Skeleton","description":"Shimmer loading placeholder","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/skeleton.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/skeleton.json","copy_url":"https://termcn.vercel.app/r/opentui/skeleton.json"},{"name":"opentui/spacer","title":"Spacer","description":"Flexible space between flex children","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/spacer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/spacer.json","copy_url":"https://termcn.vercel.app/r/opentui/spacer.json"},{"name":"opentui/sparkline","title":"Sparkline","description":"Inline Unicode braille sparkline chart","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/sparkline.json","copy_url":"https://termcn.vercel.app/r/opentui/sparkline.json"},{"name":"opentui/spinner","title":"Spinner","description":"Animated spinner with 12+ styles","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/spinner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/spinner.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/splash-screen.json"},{"name":"opentui/stack","title":"Stack","description":"Vertical/horizontal stack with gap","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/stack.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/stack.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/stopwatch.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/stopwatch.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/tabbed-content.json"},{"name":"opentui/table","title":"Table","description":"Sortable, selectable, paginated data table","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/table.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/table.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/tabs.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tabs.json","copy_url":"https://termcn.vercel.app/r/opentui/tabs.json"},{"name":"opentui/tag","title":"Tag","description":"Removable chip/tag","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/tag.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tag.json","copy_url":"https://termcn.vercel.app/r/opentui/tag.json"},{"name":"opentui/tag-input","title":"Tag Input","description":"Add and remove tags inline","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/timer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/timer.json","copy_url":"https://termcn.vercel.app/r/opentui/timer.json"},{"name":"opentui/toast","title":"Toast","description":"Auto-dismissing toast notification","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/toast.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/toast.json","copy_url":"https://termcn.vercel.app/r/opentui/toast.json"},{"name":"opentui/toggle","title":"Toggle","description":"Toggle/switch component with on/off labels","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/toggle.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/toggle.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/opentui/tool-call.json"},{"name":"opentui/tooltip","title":"Tooltip","description":"Contextual tooltip on focus or hover","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/tooltip.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tooltip.json","copy_url":"https://termcn.vercel.app/r/opentui/tooltip.json"},{"name":"opentui/tree","title":"Tree","description":"Expandable/collapsible tree view","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/tree.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tree.json","copy_url":"https://termcn.vercel.app/r/opentui/tree.json"},{"name":"opentui/tree-select","title":"Tree Select","description":"Hierarchical tree selection","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/opentui/wizard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/wizard.json","copy_url":"https://termcn.vercel.app/r/opentui/wizard.json"},{"name":"ink/pagination","title":"Pagination","description":"Page navigation with prev/next and jump","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/pagination.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/pagination.json","copy_url":"https://termcn.vercel.app/r/ink/pagination.json"},{"name":"ink/panel","title":"Panel","description":"Titled bordered panel","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/panel.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/panel.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/pie-chart.json"},{"name":"ink/popover","title":"Popover","description":"Positioned popover with arbitrary content","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/popover.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/popover.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/radio-group.json"},{"name":"ink/scroll-view","title":"Scroll View","description":"Scrollable container with scrollbar","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/select.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/setup-flow.json"},{"name":"ink/sidebar","title":"Sidebar","description":"Collapsible navigation sidebar panel","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/sidebar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/sidebar.json","copy_url":"https://termcn.vercel.app/r/ink/sidebar.json"},{"name":"ink/skeleton","title":"Skeleton","description":"Shimmer loading placeholder","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/skeleton.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/skeleton.json","copy_url":"https://termcn.vercel.app/r/ink/skeleton.json"},{"name":"ink/spacer","title":"Spacer","description":"Flexible space between flex children","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/spacer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/spacer.json","copy_url":"https://termcn.vercel.app/r/ink/spacer.json"},{"name":"ink/sparkline","title":"Sparkline","description":"Inline Unicode braille sparkline chart","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/sparkline.json","copy_url":"https://termcn.vercel.app/r/ink/sparkline.json"},{"name":"ink/spinner","title":"Spinner","description":"Animated spinner with 12+ styles","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/spinner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/spinner.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/splash-screen.json"},{"name":"ink/stack","title":"Stack","description":"Vertical/horizontal stack with gap","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/stack.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/stack.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/stopwatch.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/stopwatch.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/tabbed-content.json"},{"name":"ink/table","title":"Table","description":"Sortable, selectable, paginated data table","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/table.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/table.json","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/tabs.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tabs.json","copy_url":"https://termcn.vercel.app/r/ink/tabs.json"},{"name":"ink/tag","title":"Tag","description":"Removable chip/tag","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/tag.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tag.json","copy_url":"https://termcn.vercel.app/r/ink/tag.json"},{"name":"ink/tag-input","title":"Tag Input","description":"Add and remove tags inline","type":"registry:ui","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/theme-catppuccin.json"},{"name":"ink/theme-default","title":"Default","description":"The default termcn terminal theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://termcn.vercel.app/r/ink/theme-provider.json"},{"name":"ink/theme-solarized","title":"Solarized","description":"A Solarized theme for terminal components.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-solarized.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-solarized.json","copy_url":"https://termcn.vercel.app/r/ink/theme-solarized.json"},{"name":"ink/theme-tokyo-night","title":"Tokyo Night","description":"Tokyo Night colors for terminal interfaces.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-tokyo-night.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-tokyo-night.json","copy_url":"https://termcn.vercel.app/r/ink/theme-tokyo-night.json"},{"name":"ink/theme-amoled","title":"AMOLED","description":"AMOLED - high contrast dark theme with pure black.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-amoled.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-amoled.json","copy_url":"https://termcn.vercel.app/r/ink/theme-amoled.json"},{"name":"ink/theme-aura","title":"Aura","description":"Aura - soft elegant theme with pastel purple.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-aura.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-aura.json","copy_url":"https://termcn.vercel.app/r/ink/theme-aura.json"},{"name":"ink/theme-ayu","title":"Ayu","description":"Ayu - clean modern terminal theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-ayu.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-ayu.json","copy_url":"https://termcn.vercel.app/r/ink/theme-ayu.json"},{"name":"ink/theme-carbonfox","title":"Carbonfox","description":"Carbonfox - minimal dark theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-carbonfox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-carbonfox.json","copy_url":"https://termcn.vercel.app/r/ink/theme-carbonfox.json"},{"name":"ink/theme-catppuccin-frappe","title":"Catppuccin Frappe","description":"Catppuccin Frappe - soothing pastel.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-catppuccin-frappe.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin-frappe.json","copy_url":"https://termcn.vercel.app/r/ink/theme-catppuccin-frappe.json"},{"name":"ink/theme-catppuccin-macchiato","title":"Catppuccin Macchiato","description":"Catppuccin Macchiato - deeper pastel tones.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-catppuccin-macchiato.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin-macchiato.json","copy_url":"https://termcn.vercel.app/r/ink/theme-catppuccin-macchiato.json"},{"name":"ink/theme-cobalt2","title":"Cobalt2","description":"Cobalt2 - vibrant blue and gold.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-cobalt2.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-cobalt2.json","copy_url":"https://termcn.vercel.app/r/ink/theme-cobalt2.json"},{"name":"ink/theme-cursor","title":"Cursor","description":"Cursor IDE theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-cursor.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-cursor.json","copy_url":"https://termcn.vercel.app/r/ink/theme-cursor.json"},{"name":"ink/theme-everforest","title":"Everforest","description":"Everforest - warm forest theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-everforest.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-everforest.json","copy_url":"https://termcn.vercel.app/r/ink/theme-everforest.json"},{"name":"ink/theme-flexoki","title":"Flexoki","description":"Flexoki - versatile theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-flexoki.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-flexoki.json","copy_url":"https://termcn.vercel.app/r/ink/theme-flexoki.json"},{"name":"ink/theme-github","title":"GitHub","description":"GitHub official dark theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-github.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-github.json","copy_url":"https://termcn.vercel.app/r/ink/theme-github.json"},{"name":"ink/theme-gruvbox","title":"Gruvbox","description":"Gruvbox - retro earth tones.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-gruvbox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-gruvbox.json","copy_url":"https://termcn.vercel.app/r/ink/theme-gruvbox.json"},{"name":"ink/theme-kanagawa","title":"Kanagawa","description":"Kanagawa - Japanese wave theme.","type":"registry:file","tags":["aesthetic","ai","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/theme-kanagawa.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-kanagawa.json","copy_url":"https://termcn.vercel.app/r/ink/theme-kanagawa.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":["recently-updated"],"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.vercel.app/registry/tuiparts","markdown":"https://sh4dcn.vercel.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":157,"open_issues":3,"last_commit":"2026-07-26T21:13:39Z"},"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":53,"components":[{"name":"core/accordion","title":"Accordion (Core)","description":"Editable imperative Accordion Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/accordion.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/accordion.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/accordion.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/checkbox-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/checkbox-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/checkbox-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/checkbox.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/checkbox.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/checkbox.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/switch.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/switch.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/switch.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/button.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/button.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/button.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/badge.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/badge.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/badge.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/radio-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/radio-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/radio-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/number-field.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/number-field.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/number-field.json","copy_url":"https://tuiparts.sh/r/solid/number-field.json"},{"name":"core/input","title":"Input (Core)","description":"Editable imperative Input recipe preserving OpenTUI-native editing and events.","type":"registry:item","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/input.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/input.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/input.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/textarea.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/textarea.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/textarea.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/dialog.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/dialog.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/dialog.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/toggle.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/toggle.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/toggle.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/toggle-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/toggle-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/toggle-group.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/collapsible.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/collapsible.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/collapsible.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/tabs.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/tabs.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/tabs.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/core/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/theme.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/react/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/theme.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/solid/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/theme.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/theme-cobalt-deep.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-cobalt-deep.json","copy_url":"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","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/theme-ascii.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-ascii.json","copy_url":"https://tuiparts.sh/r/theme-ascii.json"},{"name":"theme-catppuccin","title":"Catppuccin Theme","description":"Catppuccin Mocha/Latte.","type":"registry:item","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/theme-catppuccin.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-catppuccin.json","copy_url":"https://tuiparts.sh/r/theme-catppuccin.json"},{"name":"theme-gruvbox","title":"Gruvbox Theme","description":"Gruvbox dark/light.","type":"registry:item","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/theme-gruvbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-gruvbox.json","copy_url":"https://tuiparts.sh/r/theme-gruvbox.json"},{"name":"theme-rosepine","title":"Rosé Pine Theme","description":"Rosé Pine/Dawn.","type":"registry:item","tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"source_url":"https://tuiparts.sh/r/theme-rosepine.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-rosepine.json","copy_url":"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.vercel.app/registry/terrae","markdown":"https://sh4dcn.vercel.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":242,"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/map.json","install_command":"npx shadcn@latest add https://www.terrae.dev/map.json","copy_url":"https://www.terrae.dev/map.json"},{"name":"marker","title":"Map Marker","description":"Customizable map markers with popup support.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/marker.json","install_command":"npx shadcn@latest add https://www.terrae.dev/marker.json","copy_url":"https://www.terrae.dev/marker.json"},{"name":"popup","title":"Map Popup","description":"Info popups and tooltips for map locations.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/popup.json","install_command":"npx shadcn@latest add https://www.terrae.dev/popup.json","copy_url":"https://www.terrae.dev/popup.json"},{"name":"controls","title":"Map Controls","description":"Interactive map controls (zoom, fullscreen, etc).","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/controls.json","install_command":"npx shadcn@latest add https://www.terrae.dev/controls.json","copy_url":"https://www.terrae.dev/controls.json"},{"name":"circle-cluster","title":"Map Circle Cluster","description":"Marker clustering with circle visualization.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/circle-cluster.json","install_command":"npx shadcn@latest add https://www.terrae.dev/circle-cluster.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/marker-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/marker-animated.json","copy_url":"https://www.terrae.dev/marker-animated.json"},{"name":"line","title":"Map Line","description":"Static routes and paths on the map.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line-animated.json","copy_url":"https://www.terrae.dev/line-animated.json"},{"name":"animated-pulse","title":"Map Animated Pulse","description":"Pulsing dot animation for map markers.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-pulse.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-pulse.json","copy_url":"https://www.terrae.dev/animated-pulse.json"},{"name":"rain","title":"Map Rain","description":"Animated rain effect layer.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/rain.json","install_command":"npx shadcn@latest add https://www.terrae.dev/rain.json","copy_url":"https://www.terrae.dev/rain.json"},{"name":"raster-video","title":"Map Raster Video","description":"Video overlay layers on the map.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/raster-video.json","install_command":"npx shadcn@latest add https://www.terrae.dev/raster-video.json","copy_url":"https://www.terrae.dev/raster-video.json"},{"name":"image","title":"Map Image","description":"Image overlay layers on the map.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/image.json","install_command":"npx shadcn@latest add https://www.terrae.dev/image.json","copy_url":"https://www.terrae.dev/image.json"},{"name":"mini-map","title":"Map Mini Map","description":"Minimap overview navigation component.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/mini-map.json","install_command":"npx shadcn@latest add https://www.terrae.dev/mini-map.json","copy_url":"https://www.terrae.dev/mini-map.json"},{"name":"compare","title":"Map Compare","description":"Side-by-side map comparison component.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/compare.json","install_command":"npx shadcn@latest add https://www.terrae.dev/compare.json","copy_url":"https://www.terrae.dev/compare.json"},{"name":"sync","title":"Map Sync","description":"Synchronized multi-map component with bidirectional movement sync.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/sync.json","install_command":"npx shadcn@latest add https://www.terrae.dev/sync.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/arc-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/arc-animated.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/camera-follow.json","install_command":"npx shadcn@latest add https://www.terrae.dev/camera-follow.json","copy_url":"https://www.terrae.dev/camera-follow.json"},{"name":"circle","title":"Map Circle","description":"Draggable geographic circle with customizable fill and stroke.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/circle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/circle.json","copy_url":"https://www.terrae.dev/circle.json"},{"name":"animated-circle","title":"Map Animated Circle","description":"Animated circle with drawing and fill effects.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-circle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-circle.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/blur-area.json","install_command":"npx shadcn@latest add https://www.terrae.dev/blur-area.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/targeting-reticle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/targeting-reticle.json","copy_url":"https://www.terrae.dev/targeting-reticle.json"},{"name":"radar","title":"Map Radar","description":"Animated radar sweep signal overlay on map coordinates.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/radar.json","install_command":"npx shadcn@latest add https://www.terrae.dev/radar.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/watermark.json","install_command":"npx shadcn@latest add https://www.terrae.dev/watermark.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/compass.json","install_command":"npx shadcn@latest add https://www.terrae.dev/compass.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line-radial.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line-radial.json","copy_url":"https://www.terrae.dev/line-radial.json"},{"name":"polygon","title":"Map Polygon","description":"Geographic polygon with customizable fill and stroke styling.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/polygon.json","install_command":"npx shadcn@latest add https://www.terrae.dev/polygon.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-polygon.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-polygon.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/choropleth.json","install_command":"npx shadcn@latest add https://www.terrae.dev/choropleth.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-footprint.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-footprint.json","copy_url":"https://www.terrae.dev/animated-footprint.json"},{"name":"fire","title":"Map Fire","description":"Realistic animated fire effect with particle simulation.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/fire.json","install_command":"npx shadcn@latest add https://www.terrae.dev/fire.json","copy_url":"https://www.terrae.dev/fire.json"},{"name":"explosion","title":"Map Explosion","description":"Animated explosion burst effect with radial particles and flash.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/explosion.json","install_command":"npx shadcn@latest add https://www.terrae.dev/explosion.json","copy_url":"https://www.terrae.dev/explosion.json"},{"name":"cyclone","title":"Map Cyclone","description":"Animated cyclone funnel with swirling particles and debris.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/cyclone.json","install_command":"npx shadcn@latest add https://www.terrae.dev/cyclone.json","copy_url":"https://www.terrae.dev/cyclone.json"},{"name":"music-disc","title":"Map Music Disc","description":"Rotating music disc with floating notes animation.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/music-disc.json","install_command":"npx shadcn@latest add https://www.terrae.dev/music-disc.json","copy_url":"https://www.terrae.dev/music-disc.json"},{"name":"steam","title":"Map Steam","description":"Rising steam effect with wispy particle animation.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/steam.json","install_command":"npx shadcn@latest add https://www.terrae.dev/steam.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/tsunami.json","install_command":"npx shadcn@latest add https://www.terrae.dev/tsunami.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/sandstorm.json","install_command":"npx shadcn@latest add https://www.terrae.dev/sandstorm.json","copy_url":"https://www.terrae.dev/sandstorm.json"},{"name":"snow","title":"Map Snow","description":"Falling snowflakes effect with gentle drift and wind.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/snow.json","install_command":"npx shadcn@latest add https://www.terrae.dev/snow.json","copy_url":"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","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/meteor.json","install_command":"npx shadcn@latest add https://www.terrae.dev/meteor.json","copy_url":"https://www.terrae.dev/meteor.json"},{"name":"lightning","title":"Map Lightning","description":"Animated lightning bolt strikes with branching and flash effects.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/lightning.json","install_command":"npx shadcn@latest add https://www.terrae.dev/lightning.json","copy_url":"https://www.terrae.dev/lightning.json"},{"name":"grid","title":"Map Grid","description":"Coordinate grid overlay with latitude/longitude lines and labels.","type":"registry:ui","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"source_url":"https://www.terrae.dev/grid.json","install_command":"npx shadcn@latest add https://www.terrae.dev/grid.json","copy_url":"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","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.vercel.app/registry/tetra-ui","markdown":"https://sh4dcn.vercel.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/undefined/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-07-08T07:40:08Z"},"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":36,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that reveal associated content sections.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/accordion.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/accordion.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/action-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/action-input.json","copy_url":"https://tetra-ui.com/r/action-input.json"},{"name":"badge","title":"Badge","description":"Displays a badge.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/badge.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/button.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/button.json","copy_url":"https://tetra-ui.com/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with a header, content, and footer.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/card.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/card.json","copy_url":"https://tetra-ui.com/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows users to toggle between checked and unchecked states.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/checkbox.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/choicebox.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/choicebox.json","copy_url":"https://tetra-ui.com/r/choicebox.json"},{"name":"chip","title":"Chip","description":"Displays a compact, rounded chip element.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/chip.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/chip.json","copy_url":"https://tetra-ui.com/r/chip.json"},{"name":"empty","title":"Empty","description":"Displays an empty state.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/empty.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/empty.json","copy_url":"https://tetra-ui.com/r/empty.json"},{"name":"form","title":"Form","description":"Components and utilities that help you compose forms with react-hook-form.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/form.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/form.json","copy_url":"https://tetra-ui.com/r/form.json"},{"name":"heading","title":"Heading","description":"A component to display headings.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/heading.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/heading.json","copy_url":"https://tetra-ui.com/r/heading.json"},{"name":"icons","title":"Icons","description":"Icon components styled with Tailwind classes for React Native.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/icons.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/icons.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/inline-list.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/inline-list.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/input.json","copy_url":"https://tetra-ui.com/r/input.json"},{"name":"label","title":"Label","description":"A label component used to accompany form inputs.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/label.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/label.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/menu.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/menu.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/bottom-sheet.json","copy_url":"https://tetra-ui.com/r/bottom-sheet.json"},{"name":"native-sheet","title":"Native Sheet","description":"A sheet component that can be used to display content in a modal.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/native-sheet.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/native-sheet.json","copy_url":"https://tetra-ui.com/r/native-sheet.json"},{"name":"otp-input","title":"OTP Input","description":"A component for entering one-time passwords with individual character slots.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/otp-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/otp-input.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/password-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/password-input.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/popover.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/progress.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/progress.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/radio.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/radio.json","copy_url":"https://tetra-ui.com/r/radio.json"},{"name":"portal","title":"Portal","description":"Renders children into a different part of the app.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/portal.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/portal.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/search-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/search-input.json","copy_url":"https://tetra-ui.com/r/search-input.json"},{"name":"select","title":"Select","description":"A component that allows users to select a value from a list of options.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/select.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/select.json","copy_url":"https://tetra-ui.com/r/select.json"},{"name":"separator","title":"Separator","description":"Divides content with a horizontal or vertical line.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/separator.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/skeleton.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/slider.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/slot.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/slot.json","copy_url":"https://tetra-ui.com/r/slot.json"},{"name":"stack","title":"Stack","description":"A layout component that stacks children horizontally or vertically with consistent spacing.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/stack.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/stack.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/switch.json","copy_url":"https://tetra-ui.com/r/switch.json"},{"name":"text","title":"Text","description":"A lightweight wrapper around the React Native Text component to provide default styles.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/text.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/text.json","copy_url":"https://tetra-ui.com/r/text.json"},{"name":"text-input","title":"TextInput","description":"A component that allows users to enter text.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/text-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/text-input.json","copy_url":"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","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/textarea-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/textarea-input.json","copy_url":"https://tetra-ui.com/r/textarea-input.json"},{"name":"toast","title":"Toast","description":"An opinionated toast component for React Native.","type":"registry:ui","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","mobile","navigation","overlays"],"categories":["Forms"],"source_url":"https://tetra-ui.com/r/toast.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/toast.json","copy_url":"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.vercel.app/registry/text-ui","markdown":"https://sh4dcn.vercel.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":4,"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","tags":["aesthetic","animation","blocks","charts","icons","marketing","mobile","saas"],"categories":["Niche/single-purpose"],"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","copy_url":"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":[],"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.vercel.app/registry/thegridcn","markdown":"https://sh4dcn.vercel.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":366,"open_issues":0,"last_commit":"2026-06-12T07:06:09Z"},"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":140,"components":[{"name":"accordion","title":"Accordion","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/accordion.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/accordion.json","copy_url":"https://thegridcn.com/r/accordion.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/alert.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/alert.json","copy_url":"https://thegridcn.com/r/alert.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/alert.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/alert.json","copy_url":"https://thegridcn.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/alert-dialog.json","copy_url":"https://thegridcn.com/r/alert-dialog.json"},{"name":"anomaly-banner","title":"Anomaly Banner","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/anomaly-banner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/anomaly-banner.json","copy_url":"https://thegridcn.com/r/anomaly-banner.json"},{"name":"arrival-panel","title":"Arrival Panel","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/arrival-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/arrival-panel.json","copy_url":"https://thegridcn.com/r/arrival-panel.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/aspect-ratio.json","copy_url":"https://thegridcn.com/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/avatar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/avatar.json","copy_url":"https://thegridcn.com/r/avatar.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/badge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/badge.json","copy_url":"https://thegridcn.com/r/badge.json"},{"name":"beam-marker","title":"Beam Marker","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/beam-marker.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/beam-marker.json","copy_url":"https://thegridcn.com/r/beam-marker.json"},{"name":"breadcrumb","title":"Breadcrumb","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/breadcrumb.json","copy_url":"https://thegridcn.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/button.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/button.json","copy_url":"https://thegridcn.com/r/button.json"},{"name":"button-group","title":"Button Group","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/button-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/button-group.json","copy_url":"https://thegridcn.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/calendar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/calendar.json","copy_url":"https://thegridcn.com/r/calendar.json"},{"name":"card","title":"Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/card.json","copy_url":"https://thegridcn.com/r/card.json"},{"name":"carousel","title":"Carousel","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/carousel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/carousel.json","copy_url":"https://thegridcn.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Helper to extract item config from a payload.","type":"registry:component","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"],"source_url":"https://thegridcn.com/r/chart.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/chart.json","copy_url":"https://thegridcn.com/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/checkbox.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/checkbox.json","copy_url":"https://thegridcn.com/r/checkbox.json"},{"name":"circuit-background","title":"Circuit Background","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/circuit-background.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/circuit-background.json","copy_url":"https://thegridcn.com/r/circuit-background.json"},{"name":"collapsible","title":"Collapsible","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/collapsible.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/collapsible.json","copy_url":"https://thegridcn.com/r/collapsible.json"},{"name":"command","title":"Command","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/command.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/command.json","copy_url":"https://thegridcn.com/r/command.json"},{"name":"context-menu","title":"Context Menu","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/context-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/context-menu.json","copy_url":"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","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"],"source_url":"https://thegridcn.com/r/crt-effect.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/crt-effect.json","copy_url":"https://thegridcn.com/r/crt-effect.json"},{"name":"data-card","title":"Data Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/data-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-card.json","copy_url":"https://thegridcn.com/r/data-card.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/dialog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dialog.json","copy_url":"https://thegridcn.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/drawer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/drawer.json","copy_url":"https://thegridcn.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dropdown-menu.json","copy_url":"https://thegridcn.com/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/empty.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/empty.json","copy_url":"https://thegridcn.com/r/empty.json"},{"name":"field","title":"Field","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/field.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/field.json","copy_url":"https://thegridcn.com/r/field.json"},{"name":"floating-panel","title":"Floating Panel","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/floating-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/floating-panel.json","copy_url":"https://thegridcn.com/r/floating-panel.json"},{"name":"form","title":"Form","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/form.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/form.json","copy_url":"https://thegridcn.com/r/form.json"},{"name":"glow-container","title":"Glow Container","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/glow-container.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/glow-container.json","copy_url":"https://thegridcn.com/r/glow-container.json"},{"name":"grid","title":"Grid","description":"Convert hex to THREE.Color","type":"registry:component","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"],"source_url":"https://thegridcn.com/r/grid.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid.json","copy_url":"https://thegridcn.com/r/grid.json"},{"name":"grid-floor","title":"Grid Floor","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/grid-floor.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid-floor.json","copy_url":"https://thegridcn.com/r/grid-floor.json"},{"name":"grid-scan-overlay","title":"Grid Scan Overlay","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/grid-scan-overlay.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid-scan-overlay.json","copy_url":"https://thegridcn.com/r/grid-scan-overlay.json"},{"name":"hover-card","title":"Hover Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/hover-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hover-card.json","copy_url":"https://thegridcn.com/r/hover-card.json"},{"name":"hud","title":"Hud","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/hud.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud.json","copy_url":"https://thegridcn.com/r/hud.json"},{"name":"hud-corner-frame","title":"Hud Corner Frame","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/hud-corner-frame.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud-corner-frame.json","copy_url":"https://thegridcn.com/r/hud-corner-frame.json"},{"name":"input","title":"Input","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input.json","copy_url":"https://thegridcn.com/r/input.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/input-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input-group.json","copy_url":"https://thegridcn.com/r/input-group.json"},{"name":"input-otp","title":"Input Otp","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/input-otp.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input-otp.json","copy_url":"https://thegridcn.com/r/input-otp.json"},{"name":"item","title":"Item","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/item.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/item.json","copy_url":"https://thegridcn.com/r/item.json"},{"name":"kbd","title":"Kbd","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/kbd.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/kbd.json","copy_url":"https://thegridcn.com/r/kbd.json"},{"name":"label","title":"Label","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/label.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/label.json","copy_url":"https://thegridcn.com/r/label.json"},{"name":"location-display","title":"Location Display","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/location-display.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/location-display.json","copy_url":"https://thegridcn.com/r/location-display.json"},{"name":"map","title":"Map","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/map.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/map.json","copy_url":"https://thegridcn.com/r/map.json"},{"name":"menubar","title":"Menubar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/menubar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/menubar.json","copy_url":"https://thegridcn.com/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/navigation-menu.json","copy_url":"https://thegridcn.com/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/pagination.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/pagination.json","copy_url":"https://thegridcn.com/r/pagination.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/popover.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/popover.json","copy_url":"https://thegridcn.com/r/popover.json"},{"name":"progress","title":"Progress","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/progress.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress.json","copy_url":"https://thegridcn.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/radio-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/radio-group.json","copy_url":"https://thegridcn.com/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/scroll-area.json","copy_url":"https://thegridcn.com/r/scroll-area.json"},{"name":"select","title":"Select","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/select.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/select.json","copy_url":"https://thegridcn.com/r/select.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/separator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/separator.json","copy_url":"https://thegridcn.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/sheet.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sheet.json","copy_url":"https://thegridcn.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/sidebar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sidebar.json","copy_url":"https://thegridcn.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/skeleton.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/skeleton.json","copy_url":"https://thegridcn.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/slider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/slider.json","copy_url":"https://thegridcn.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/sonner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sonner.json","copy_url":"https://thegridcn.com/r/sonner.json"},{"name":"spinner","title":"Spinner","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/spinner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/spinner.json","copy_url":"https://thegridcn.com/r/spinner.json"},{"name":"status-bar","title":"Status Bar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/status-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/status-bar.json","copy_url":"https://thegridcn.com/r/status-bar.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/switch.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/switch.json","copy_url":"https://thegridcn.com/r/switch.json"},{"name":"table","title":"Table","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/table.json","copy_url":"https://thegridcn.com/r/table.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/tabs.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tabs.json","copy_url":"https://thegridcn.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/textarea.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/textarea.json","copy_url":"https://thegridcn.com/r/textarea.json"},{"name":"timeline-bar","title":"Timeline Bar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/timeline-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/timeline-bar.json","copy_url":"https://thegridcn.com/r/timeline-bar.json"},{"name":"timer","title":"Timer","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/timer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/timer.json","copy_url":"https://thegridcn.com/r/timer.json"},{"name":"toggle","title":"Toggle","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/toggle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toggle.json","copy_url":"https://thegridcn.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toggle-group.json","copy_url":"https://thegridcn.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/tooltip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tooltip.json","copy_url":"https://thegridcn.com/r/tooltip.json"},{"name":"tunnel","title":"Tunnel","description":"Instanced tunnel rings for better performance","type":"registry:component","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"],"source_url":"https://thegridcn.com/r/tunnel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tunnel.json","copy_url":"https://thegridcn.com/r/tunnel.json"},{"name":"uplink-header","title":"Uplink Header","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/uplink-header.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/uplink-header.json","copy_url":"https://thegridcn.com/r/uplink-header.json"},{"name":"video-player","title":"Video Player","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/video-player.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/video-player.json","copy_url":"https://thegridcn.com/r/video-player.json"},{"name":"video-progress","title":"Video Progress","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/video-progress.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/video-progress.json","copy_url":"https://thegridcn.com/r/video-progress.json"},{"name":"terminal","title":"Terminal","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/terminal.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/terminal.json","copy_url":"https://thegridcn.com/r/terminal.json"},{"name":"energy-meter","title":"Energy Meter","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/energy-meter.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/energy-meter.json","copy_url":"https://thegridcn.com/r/energy-meter.json"},{"name":"progress-ring","title":"Progress Ring","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/progress-ring.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress-ring.json","copy_url":"https://thegridcn.com/r/progress-ring.json"},{"name":"diagnostics-panel","title":"Diagnostics Panel","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/diagnostics-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/diagnostics-panel.json","copy_url":"https://thegridcn.com/r/diagnostics-panel.json"},{"name":"identity-disc","title":"Identity Disc","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/identity-disc.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/identity-disc.json","copy_url":"https://thegridcn.com/r/identity-disc.json"},{"name":"gauge","title":"Gauge","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/gauge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/gauge.json","copy_url":"https://thegridcn.com/r/gauge.json"},{"name":"waveform","title":"Waveform","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/waveform.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/waveform.json","copy_url":"https://thegridcn.com/r/waveform.json"},{"name":"data-stream","title":"Data Stream","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/data-stream.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-stream.json","copy_url":"https://thegridcn.com/r/data-stream.json"},{"name":"boot-sequence","title":"Boot Sequence","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/boot-sequence.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/boot-sequence.json","copy_url":"https://thegridcn.com/r/boot-sequence.json"},{"name":"signal-indicator","title":"Signal Indicator","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/signal-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/signal-indicator.json","copy_url":"https://thegridcn.com/r/signal-indicator.json"},{"name":"notification","title":"Notification","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/notification.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/notification.json","copy_url":"https://thegridcn.com/r/notification.json"},{"name":"stepper","title":"Stepper","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/stepper.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stepper.json","copy_url":"https://thegridcn.com/r/stepper.json"},{"name":"tag","title":"Tag","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/tag.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tag.json","copy_url":"https://thegridcn.com/r/tag.json"},{"name":"stat-card","title":"Stat Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/stat-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stat-card.json","copy_url":"https://thegridcn.com/r/stat-card.json"},{"name":"sparkline","title":"Sparkline","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/sparkline.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sparkline.json","copy_url":"https://thegridcn.com/r/sparkline.json"},{"name":"feature-card","title":"Feature Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/feature-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/feature-card.json","copy_url":"https://thegridcn.com/r/feature-card.json"},{"name":"pricing-card","title":"Pricing Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/pricing-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/pricing-card.json","copy_url":"https://thegridcn.com/r/pricing-card.json"},{"name":"testimonial-card","title":"Testimonial Card","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/testimonial-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/testimonial-card.json","copy_url":"https://thegridcn.com/r/testimonial-card.json"},{"name":"stats-counter","title":"Stats Counter","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/stats-counter.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stats-counter.json","copy_url":"https://thegridcn.com/r/stats-counter.json"},{"name":"cta-banner","title":"CTA Banner","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/cta-banner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/cta-banner.json","copy_url":"https://thegridcn.com/r/cta-banner.json"},{"name":"heatmap","title":"Heatmap","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/heatmap.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/heatmap.json","copy_url":"https://thegridcn.com/r/heatmap.json"},{"name":"logo-cloud","title":"Logo Cloud","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/logo-cloud.json","copy_url":"https://thegridcn.com/r/logo-cloud.json"},{"name":"comparison-table","title":"Comparison Table","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/comparison-table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/comparison-table.json","copy_url":"https://thegridcn.com/r/comparison-table.json"},{"name":"changelog","title":"Changelog","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/changelog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/changelog.json","copy_url":"https://thegridcn.com/r/changelog.json"},{"name":"progress-bar","title":"Progress Bar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress-bar.json","copy_url":"https://thegridcn.com/r/progress-bar.json"},{"name":"avatar-group","title":"Avatar Group","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/avatar-group.json","copy_url":"https://thegridcn.com/r/avatar-group.json"},{"name":"bento-grid","title":"Bento Grid","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/bento-grid.json","copy_url":"https://thegridcn.com/r/bento-grid.json"},{"name":"marquee","title":"Marquee","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/marquee.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/marquee.json","copy_url":"https://thegridcn.com/r/marquee.json"},{"name":"divider","title":"Divider","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/divider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/divider.json","copy_url":"https://thegridcn.com/r/divider.json"},{"name":"agent-avatar","title":"Agent Avatar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/agent-avatar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/agent-avatar.json","copy_url":"https://thegridcn.com/r/agent-avatar.json"},{"name":"faq","title":"FAQ","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/faq.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/faq.json","copy_url":"https://thegridcn.com/r/faq.json"},{"name":"thegridcn-timeline","title":"Timeline","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-timeline.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-timeline.json","copy_url":"https://thegridcn.com/r/thegridcn-timeline.json"},{"name":"announcement-bar","title":"Announcement Bar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/announcement-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/announcement-bar.json","copy_url":"https://thegridcn.com/r/announcement-bar.json"},{"name":"data-table","title":"Data Table","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/data-table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-table.json","copy_url":"https://thegridcn.com/r/data-table.json"},{"name":"rating","title":"Rating","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/rating.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/rating.json","copy_url":"https://thegridcn.com/r/rating.json"},{"name":"thegridcn-skeleton","title":"Skeleton","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-skeleton.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-skeleton.json","copy_url":"https://thegridcn.com/r/thegridcn-skeleton.json"},{"name":"breadcrumb-nav","title":"Breadcrumb Nav","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/breadcrumb-nav.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/breadcrumb-nav.json","copy_url":"https://thegridcn.com/r/breadcrumb-nav.json"},{"name":"command-menu","title":"Command Menu","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/command-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/command-menu.json","copy_url":"https://thegridcn.com/r/command-menu.json"},{"name":"thegridcn-tabs","title":"Tabs","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-tabs.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-tabs.json","copy_url":"https://thegridcn.com/r/thegridcn-tabs.json"},{"name":"thegridcn-tooltip","title":"Tooltip","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-tooltip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-tooltip.json","copy_url":"https://thegridcn.com/r/thegridcn-tooltip.json"},{"name":"modal","title":"Modal","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/modal.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/modal.json","copy_url":"https://thegridcn.com/r/modal.json"},{"name":"dropdown","title":"Dropdown","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/dropdown.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dropdown.json","copy_url":"https://thegridcn.com/r/dropdown.json"},{"name":"thegridcn-toggle","title":"Toggle","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-toggle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-toggle.json","copy_url":"https://thegridcn.com/r/thegridcn-toggle.json"},{"name":"thegridcn-pagination","title":"Pagination","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-pagination.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-pagination.json","copy_url":"https://thegridcn.com/r/thegridcn-pagination.json"},{"name":"file-upload","title":"File Upload","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/file-upload.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/file-upload.json","copy_url":"https://thegridcn.com/r/file-upload.json"},{"name":"kanban-board","title":"Kanban Board","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/kanban-board.json","copy_url":"https://thegridcn.com/r/kanban-board.json"},{"name":"empty-state","title":"Empty State","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/empty-state.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/empty-state.json","copy_url":"https://thegridcn.com/r/empty-state.json"},{"name":"thegridcn-badge","title":"Badge","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-badge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-badge.json","copy_url":"https://thegridcn.com/r/thegridcn-badge.json"},{"name":"toast","title":"Toast","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/toast.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toast.json","copy_url":"https://thegridcn.com/r/toast.json"},{"name":"thegridcn-slider","title":"Slider","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-slider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-slider.json","copy_url":"https://thegridcn.com/r/thegridcn-slider.json"},{"name":"thegridcn-select","title":"Select","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-select.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-select.json","copy_url":"https://thegridcn.com/r/thegridcn-select.json"},{"name":"text-input","title":"Text Input","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/text-input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/text-input.json","copy_url":"https://thegridcn.com/r/text-input.json"},{"name":"number-input","title":"Number Input","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/number-input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/number-input.json","copy_url":"https://thegridcn.com/r/number-input.json"},{"name":"chip","title":"Chip","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/chip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/chip.json","copy_url":"https://thegridcn.com/r/chip.json"},{"name":"coordinate-display","title":"Coordinate Display","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/coordinate-display.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/coordinate-display.json","copy_url":"https://thegridcn.com/r/coordinate-display.json"},{"name":"countdown","title":"Countdown","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/countdown.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/countdown.json","copy_url":"https://thegridcn.com/r/countdown.json"},{"name":"derez-timer","title":"Derez Timer","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/derez-timer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/derez-timer.json","copy_url":"https://thegridcn.com/r/derez-timer.json"},{"name":"hud-frame","title":"HUD Frame","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/hud-frame.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud-frame.json","copy_url":"https://thegridcn.com/r/hud-frame.json"},{"name":"map-marker","title":"Map Marker","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/map-marker.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/map-marker.json","copy_url":"https://thegridcn.com/r/map-marker.json"},{"name":"radar","title":"Radar","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/radar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/radar.json","copy_url":"https://thegridcn.com/r/radar.json"},{"name":"regen-indicator","title":"Regen Indicator","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/regen-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/regen-indicator.json","copy_url":"https://thegridcn.com/r/regen-indicator.json"},{"name":"reticle","title":"Reticle","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/reticle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/reticle.json","copy_url":"https://thegridcn.com/r/reticle.json"},{"name":"speed-indicator","title":"Speed Indicator","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/speed-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/speed-indicator.json","copy_url":"https://thegridcn.com/r/speed-indicator.json"},{"name":"stat","title":"Stat","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/stat.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stat.json","copy_url":"https://thegridcn.com/r/stat.json"},{"name":"thegridcn-alert","title":"Tron Alert","description":null,"type":"registry:component","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"],"source_url":"https://thegridcn.com/r/thegridcn-alert.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-alert.json","copy_url":"https://thegridcn.com/r/thegridcn-alert.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.vercel.app/registry/toc-cn","markdown":"https://sh4dcn.vercel.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":0,"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","tags":["aesthetic","animation","blocks","cms","dashboard","forms","loaders","mobile","navigation","tables"],"categories":["Niche/single-purpose"],"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","copy_url":"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.vercel.app/registry/tokenui","markdown":"https://sh4dcn.vercel.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":2,"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/button.json","copy_url":"https://www.tokenui.dev/r/button.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip component for displaying contextual information.","type":"registry:ui","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/tooltip.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/icon-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/icon-token.json","copy_url":"https://www.tokenui.dev/r/icon-token.json"},{"name":"color-token","title":"ColorToken","description":"A specialized component for documenting color tokens.","type":"registry:component","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/elevation-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/elevation-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/duration-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/duration-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/spacing-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/spacing-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/typography-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/typography-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/order-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/order-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/radius-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/radius-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"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","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/number-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/number-token.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-swatch.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-swatch.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-contrast.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-contrast.json","copy_url":"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","tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-palette.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-palette.json","copy_url":"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","retro","tables"],"categories":["AI/chat UI"],"labels":["featured"],"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.vercel.app/registry/tool-ui","markdown":"https://sh4dcn.vercel.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.tool-ui.com/opengraph-image?c4b6ce4b45f4597","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":746,"open_issues":1,"last_commit":"2026-05-09T09:41:22Z"},"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/approval-card.json"},{"name":"audio","title":"Audio","description":"Audio playback with artwork and metadata.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/audio.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/audio.json","copy_url":"https://www.tool-ui.com/r/audio.json"},{"name":"chart","title":"Chart","description":"Visualize data with interactive charts.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/chart.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/chart.json","copy_url":"https://www.tool-ui.com/r/chart.json"},{"name":"citation","title":"Citation","description":"Display source references with attribution.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/citation.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/citation.json","copy_url":"https://www.tool-ui.com/r/citation.json"},{"name":"code-block","title":"Code Block","description":"Display syntax-highlighted code snippets.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/geo-map.json"},{"name":"image","title":"Image","description":"Display images with metadata and attribution.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/image.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/image.json","copy_url":"https://www.tool-ui.com/r/image.json"},{"name":"image-gallery","title":"Image Gallery","description":"Grid layout for browsing image collections.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/image-gallery.json"},{"name":"instagram-post","title":"Instagram Post","description":"Render Instagram post previews.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/instagram-post.json"},{"name":"item-carousel","title":"Item Carousel","description":"Horizontal carousel for browsing collections.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/link-preview.json"},{"name":"linkedin-post","title":"Linkedin Post","description":"Render LinkedIn post previews.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/option-list.json"},{"name":"order-summary","title":"Order Summary","description":"Itemized purchase confirmation with pricing.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/order-summary.json"},{"name":"parameter-slider","title":"Parameter Slider","description":"Numeric parameter adjustment controls.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/plan.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/plan.json","copy_url":"https://www.tool-ui.com/r/plan.json"},{"name":"preferences-panel","title":"Preferences Panel","description":"Compact settings panel for user preferences.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/stats-display.json"},{"name":"terminal","title":"Terminal","description":"Show command-line output and logs.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/terminal.json","copy_url":"https://www.tool-ui.com/r/terminal.json"},{"name":"video","title":"Video","description":"Video playback with controls and poster.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/video.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/video.json","copy_url":"https://www.tool-ui.com/r/video.json"},{"name":"weather-widget","title":"Weather Widget","description":"Display weather conditions and forecasts.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://www.tool-ui.com/r/weather-widget.json"},{"name":"x-post","title":"X Post","description":"Render X (Twitter) post previews.","type":"registry:block","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","retro","tables"],"categories":["AI/chat UI"],"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","copy_url":"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.vercel.app/registry/tour","markdown":"https://sh4dcn.vercel.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":65,"open_issues":0,"last_commit":"2026-01-06T21:47:45Z"},"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","tags":["design-system","hooks","loaders","onboarding","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://onboarding-tour.vercel.app/r/tour.json","install_command":"npx shadcn@latest add https://onboarding-tour.vercel.app/r/tour.json","copy_url":"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"],"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.vercel.app/registry/trophy-ui","markdown":"https://sh4dcn.vercel.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":109,"open_issues":0,"last_commit":"2026-06-02T13:06:01Z"},"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/index.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/index.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-badge.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-calendar.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-calendar.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-card.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-badge.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-grid.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-grid.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-list.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-list.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-unlocked.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-unlocked.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-card.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-rankings.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-rankings.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-podium.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-podium.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-card.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-badge.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-chart.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-chart.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-awards.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-awards.json","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-boost.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-boost.json","copy_url":"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.vercel.app/registry/turbopills-ui","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/bmi-card.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/bmi-card.json","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/input.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/input.json","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/masked-input.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/masked-input.json","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/multiple-choice.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/multiple-choice.json","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/single-choice.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/single-choice.json","copy_url":"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","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-cells.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-cells.json","copy_url":"https://ui.turbopills.com/r/progress-cells.json"},{"name":"progress-stretch","title":"Progress (Stretch)","description":"Progress with expanding current step.","type":"registry:component","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-stretch.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-stretch.json","copy_url":"https://ui.turbopills.com/r/progress-stretch.json"},{"name":"progress-numbered","title":"Progress (Numbered)","description":"Numbered step progress with collapse/ellipsis.","type":"registry:component","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-numbered.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-numbered.json","copy_url":"https://ui.turbopills.com/r/progress-numbered.json"},{"name":"progress-solid","title":"Progress (Solid)","description":"Simple solid progress bar.","type":"registry:component","tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-solid.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-solid.json","copy_url":"https://ui.turbopills.com/r/progress-solid.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.vercel.app/registry/typedora-ui","markdown":"https://sh4dcn.vercel.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","tags":["aesthetic","components","design-system","forms","hooks","maps"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["aesthetic","components","design-system","forms","hooks","maps"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["aesthetic","components","design-system","forms","hooks","maps"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["aesthetic","components","design-system","forms","hooks","maps"],"categories":["Hooks/utilities"],"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","copy_url":"https://typedora-ui.netlify.app/r/typed-combobox.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","recently-updated"],"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.vercel.app/registry/ui-layouts","markdown":"https://sh4dcn.vercel.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":3510,"open_issues":8,"last_commit":"2026-07-05T09:48:01Z"},"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","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"],"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","copy_url":"https://ui-layouts.com/r/btn-bg-shine.json"},{"name":"btn-animated-gradient","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-animated-gradient.json"},{"name":"button-active","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/button-active.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/button-active.json","copy_url":"https://ui-layouts.com/r/button-active.json"},{"name":"button-hover-right","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/button-hover-right.json"},{"name":"btn-creative-right","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-creative-right.json"},{"name":"btn-creative-top","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-creative-top.json"},{"name":"btn-click-down","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-click-down.json"},{"name":"btn-hover-down","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-down.json"},{"name":"btn-hover-multiple","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-multiple.json"},{"name":"btn-hover-underline","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-underline.json"},{"name":"btn-hover-top-flip","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-top-flip.json"},{"name":"btn-hover-left-flip","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-left-flip.json"},{"name":"btn-hover-top-slowflip","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-top-slowflip.json"},{"name":"btn-text-change","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-text-change.json"},{"name":"btn-cross-arrow","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-cross-arrow.json"},{"name":"btn-black-shadow","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-black-shadow.json"},{"name":"btn-hover-outline","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-hover-outline.json"},{"name":"btn-arrow-right","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-arrow-right.json"},{"name":"btn-rotating-gradient","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/btn-rotating-gradient.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/color-picker.json","copy_url":"https://ui-layouts.com/r/color-picker.json"},{"name":"default-color-picker","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/default-color-picker.json"},{"name":"raws-color-picker","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/raws-color-picker.json"},{"name":"motion-number-upvotes","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/motion-number-upvotes.json"},{"name":"motion-number-input","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/motion-number-input.json"},{"name":"motion-number-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/motion-number-slider.json"},{"name":"number-flow-trading","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/number-flow-trading.json"},{"name":"noise-effect","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/noise-effect.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/noise-effect.json","copy_url":"https://ui-layouts.com/r/noise-effect.json"},{"name":"scroll-text","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/scroll-text.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-text.json","copy_url":"https://ui-layouts.com/r/scroll-text.json"},{"name":"text-scroll-animation","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/text-scroll-animation.json"},{"name":"scroll-text-marquee","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-text-marquee.json"},{"name":"scroll-text-marquee-unidirectional","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-text-marquee-unidirectional.json"},{"name":"scroll-text-marquee-bidirectional","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-text-marquee-bidirectional.json"},{"name":"randomized-text-effect","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/randomized-text-effect.json"},{"name":"randomized-text-unveil","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/randomized-text-unveil.json"},{"name":"globe","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/globe.json","copy_url":"https://ui-layouts.com/r/globe.json"},{"name":"card-globe","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/card-globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/card-globe.json","copy_url":"https://ui-layouts.com/r/card-globe.json"},{"name":"card-globe-white","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/card-globe-white.json"},{"name":"img-ripple-effect","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/img-ripple-effect.json"},{"name":"r3f-blob","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/r3f-blob.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/r3f-blob.json","copy_url":"https://ui-layouts.com/r/r3f-blob.json"},{"name":"mesh-shadergradient","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/mesh-shadergradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mesh-shadergradient.json","copy_url":"https://ui-layouts.com/r/mesh-shadergradient.json"},{"name":"mesh-gradient-background3","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/mesh-gradient-background3.json"},{"name":"mesh-gradient-background2","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/mesh-gradient-background2.json"},{"name":"mesh-gradient-background","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/mesh-gradient-background.json"},{"name":"animated-logo-footer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-logo-footer.json"},{"name":"hover-footer","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hover-footer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hover-footer.json","copy_url":"https://ui-layouts.com/r/hover-footer.json"},{"name":"responsive-header","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/responsive-header.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-header.json","copy_url":"https://ui-layouts.com/r/responsive-header.json"},{"name":"responsive-header-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/responsive-header-default.json"},{"name":"boxgrid","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/boxgrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/boxgrid.json","copy_url":"https://ui-layouts.com/r/boxgrid.json"},{"name":"conditionGrid","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/conditionGrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/conditionGrid.json","copy_url":"https://ui-layouts.com/r/conditionGrid.json"},{"name":"normalGrid","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/normalGrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/normalGrid.json","copy_url":"https://ui-layouts.com/r/normalGrid.json"},{"name":"buyme-acoffee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/buyme-acoffee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/buyme-acoffee.json","copy_url":"https://ui-layouts.com/r/buyme-acoffee.json"},{"name":"stripecard","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/stripecard.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stripecard.json","copy_url":"https://ui-layouts.com/r/stripecard.json"},{"name":"creative-hover-card","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/creative-hover-card.json"},{"name":"stripecard2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/stripecard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stripecard2.json","copy_url":"https://ui-layouts.com/r/stripecard2.json"},{"name":"hovercard1","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hovercard1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard1.json","copy_url":"https://ui-layouts.com/r/hovercard1.json"},{"name":"hovercard2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hovercard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard2.json","copy_url":"https://ui-layouts.com/r/hovercard2.json"},{"name":"hovercard3","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hovercard3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard3.json","copy_url":"https://ui-layouts.com/r/hovercard3.json"},{"name":"hovercard4","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hovercard4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard4.json","copy_url":"https://ui-layouts.com/r/hovercard4.json"},{"name":"productcard1","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard1.json","copy_url":"https://ui-layouts.com/r/productcard1.json"},{"name":"productcard2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard2.json","copy_url":"https://ui-layouts.com/r/productcard2.json"},{"name":"productcard3","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard3.json","copy_url":"https://ui-layouts.com/r/productcard3.json"},{"name":"productcard4","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard4.json","copy_url":"https://ui-layouts.com/r/productcard4.json"},{"name":"productcard5","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard5.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard5.json","copy_url":"https://ui-layouts.com/r/productcard5.json"},{"name":"productcard6","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/productcard6.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard6.json","copy_url":"https://ui-layouts.com/r/productcard6.json"},{"name":"creative-clippath","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/creative-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-clippath.json","copy_url":"https://ui-layouts.com/r/creative-clippath.json"},{"name":"corporate-clippath","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/corporate-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/corporate-clippath.json","copy_url":"https://ui-layouts.com/r/corporate-clippath.json"},{"name":"symbolic-clippath","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/symbolic-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/symbolic-clippath.json","copy_url":"https://ui-layouts.com/r/symbolic-clippath.json"},{"name":"creative-mask-clippath","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/creative-mask-clippath.json"},{"name":"watersplash-clippath","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/watersplash-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/watersplash-clippath.json","copy_url":"https://ui-layouts.com/r/watersplash-clippath.json"},{"name":"creative-imagemasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/creative-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-imagemasking.json","copy_url":"https://ui-layouts.com/r/creative-imagemasking.json"},{"name":"animal-imagemasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/animal-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animal-imagemasking.json","copy_url":"https://ui-layouts.com/r/animal-imagemasking.json"},{"name":"watersplash-imagemasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/watersplash-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/watersplash-imagemasking.json","copy_url":"https://ui-layouts.com/r/watersplash-imagemasking.json"},{"name":"center-imagemasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/center-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/center-imagemasking.json","copy_url":"https://ui-layouts.com/r/center-imagemasking.json"},{"name":"fixedbg-imagemasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/fixedbg-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/fixedbg-imagemasking.json","copy_url":"https://ui-layouts.com/r/fixedbg-imagemasking.json"},{"name":"creative-videomasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/creative-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-videomasking.json","copy_url":"https://ui-layouts.com/r/creative-videomasking.json"},{"name":"splashwater-videomasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/splashwater-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/splashwater-videomasking.json","copy_url":"https://ui-layouts.com/r/splashwater-videomasking.json"},{"name":"textoverlay-videomasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/textoverlay-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/textoverlay-videomasking.json","copy_url":"https://ui-layouts.com/r/textoverlay-videomasking.json"},{"name":"hexagon-videomasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hexagon-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hexagon-videomasking.json","copy_url":"https://ui-layouts.com/r/hexagon-videomasking.json"},{"name":"hexagon2-videomasking","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/hexagon2-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hexagon2-videomasking.json","copy_url":"https://ui-layouts.com/r/hexagon2-videomasking.json"},{"name":"progressive-carousel","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/progressive-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/progressive-carousel.json","copy_url":"https://ui-layouts.com/r/progressive-carousel.json"},{"name":"horizontal-progressive-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/horizontal-progressive-carousel.json"},{"name":"vertical-progressive-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/vertical-progressive-carousel.json"},{"name":"image-hover-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/image-hover-accordion.json"},{"name":"tailwind-image-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/tailwind-image-accordion.json"},{"name":"image-tab1","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/image-tab1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-tab1.json","copy_url":"https://ui-layouts.com/r/image-tab1.json"},{"name":"image-tab2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/image-tab2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-tab2.json","copy_url":"https://ui-layouts.com/r/image-tab2.json"},{"name":"img-tabs-standalone","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/img-tabs-standalone.json"},{"name":"magnified-doc","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/magnified-doc.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/magnified-doc.json","copy_url":"https://ui-layouts.com/r/magnified-doc.json"},{"name":"magnified-tab","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/magnified-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/magnified-tab.json","copy_url":"https://ui-layouts.com/r/magnified-tab.json"},{"name":"tabs","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tabs.json","copy_url":"https://ui-layouts.com/r/tabs.json"},{"name":"animated-tabs","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-tabs.json","copy_url":"https://ui-layouts.com/r/animated-tabs.json"},{"name":"creative-tab","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/creative-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-tab.json","copy_url":"https://ui-layouts.com/r/creative-tab.json"},{"name":"register-tab","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/register-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/register-tab.json","copy_url":"https://ui-layouts.com/r/register-tab.json"},{"name":"swapy","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/swapy.json","copy_url":"https://ui-layouts.com/r/swapy.json"},{"name":"default-swapy","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/default-swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-swapy.json","copy_url":"https://ui-layouts.com/r/default-swapy.json"},{"name":"opacity-swapy","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/opacity-swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/opacity-swapy.json","copy_url":"https://ui-layouts.com/r/opacity-swapy.json"},{"name":"swapy-handle","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/swapy-handle.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/swapy-handle.json","copy_url":"https://ui-layouts.com/r/swapy-handle.json"},{"name":"swapy-without-components","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/swapy-without-components.json"},{"name":"drag-items","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/drag-items.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/drag-items.json","copy_url":"https://ui-layouts.com/r/drag-items.json"},{"name":"timeline-animation","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/timeline-animation.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/timeline-animation.json","copy_url":"https://ui-layouts.com/r/timeline-animation.json"},{"name":"timeline-animation-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/timeline-animation-default.json"},{"name":"scroll-animation","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/scroll-animation.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-animation.json","copy_url":"https://ui-layouts.com/r/scroll-animation.json"},{"name":"scroll-animation-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-animation-default.json"},{"name":"scroll-animation-repeat","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-animation-repeat.json"},{"name":"scroll-animation-text","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/scroll-animation-text.json"},{"name":"mousetrail","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/mousetrail.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mousetrail.json","copy_url":"https://ui-layouts.com/r/mousetrail.json"},{"name":"image-mousetrail-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/image-mousetrail-default.json"},{"name":"image-mousetrail-small","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/image-mousetrail-small.json"},{"name":"image-mousetrail-disappear","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/image-mousetrail-disappear.json"},{"name":"image-mousetrail-without-component","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/image-mousetrail-without-component.json"},{"name":"horizontal-scroll","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/horizontal-scroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/horizontal-scroll.json","copy_url":"https://ui-layouts.com/r/horizontal-scroll.json"},{"name":"framerhorizontalscroll","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/framerhorizontalscroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framerhorizontalscroll.json","copy_url":"https://ui-layouts.com/r/framerhorizontalscroll.json"},{"name":"stacking-card","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/stacking-card.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stacking-card.json","copy_url":"https://ui-layouts.com/r/stacking-card.json"},{"name":"css-image-stacking","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/css-image-stacking.json"},{"name":"css-card-stacking","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/css-card-stacking.json"},{"name":"smooth-scroll","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/smooth-scroll.json","copy_url":"https://ui-layouts.com/r/smooth-scroll.json"},{"name":"sticky-gallery","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sticky-gallery.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sticky-gallery.json","copy_url":"https://ui-layouts.com/r/sticky-gallery.json"},{"name":"sticky-hero-section","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/sticky-hero-section.json"},{"name":"sparkles","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles.json","copy_url":"https://ui-layouts.com/r/sparkles.json"},{"name":"sparkles-globe","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-globe.json","copy_url":"https://ui-layouts.com/r/sparkles-globe.json"},{"name":"sparkles-section","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-section.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-section.json","copy_url":"https://ui-layouts.com/r/sparkles-section.json"},{"name":"sparkles-title","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-title.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title.json","copy_url":"https://ui-layouts.com/r/sparkles-title.json"},{"name":"sparkles-title2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-title2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title2.json","copy_url":"https://ui-layouts.com/r/sparkles-title2.json"},{"name":"sparkles-title3","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-title3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title3.json","copy_url":"https://ui-layouts.com/r/sparkles-title3.json"},{"name":"sparkles-title4","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-title4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title4.json","copy_url":"https://ui-layouts.com/r/sparkles-title4.json"},{"name":"sparkles-branding","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/sparkles-branding.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-branding.json","copy_url":"https://ui-layouts.com/r/sparkles-branding.json"},{"name":"marquee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/marquee.json","copy_url":"https://ui-layouts.com/r/marquee.json"},{"name":"default-marquee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/default-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-marquee.json","copy_url":"https://ui-layouts.com/r/default-marquee.json"},{"name":"verticle-marquee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/verticle-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/verticle-marquee.json","copy_url":"https://ui-layouts.com/r/verticle-marquee.json"},{"name":"logos-marquee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/logos-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/logos-marquee.json","copy_url":"https://ui-layouts.com/r/logos-marquee.json"},{"name":"3d-marquee","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/3d-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/3d-marquee.json","copy_url":"https://ui-layouts.com/r/3d-marquee.json"},{"name":"infintyband","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/infintyband.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/infintyband.json","copy_url":"https://ui-layouts.com/r/infintyband.json"},{"name":"liquid-glass","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass.json","copy_url":"https://ui-layouts.com/r/liquid-glass.json"},{"name":"liquid-glass-weather","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/liquid-glass-weather.json"},{"name":"liquid-glass-mobile-icons","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/liquid-glass-mobile-icons.json"},{"name":"liquid-glass-notification","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/liquid-glass-notification.json"},{"name":"liquid-glass-sidebar-menu","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/liquid-glass-sidebar-menu.json"},{"name":"blur-vignette","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/blur-vignette.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/blur-vignette.json","copy_url":"https://ui-layouts.com/r/blur-vignette.json"},{"name":"video-blur-vignette","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/video-blur-vignette.json"},{"name":"blur-vignette-video","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/blur-vignette-video.json"},{"name":"blur-vignette-img","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/blur-vignette-img.json"},{"name":"blur-vignette-card","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/blur-vignette-card.json"},{"name":"liquid-gradient","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/liquid-gradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-gradient.json","copy_url":"https://ui-layouts.com/r/liquid-gradient.json"},{"name":"liquid-gradient-components","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/liquid-gradient-components.json"},{"name":"liquid-button","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/liquid-button.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-button.json","copy_url":"https://ui-layouts.com/r/liquid-button.json"},{"name":"accordion","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/accordion.json","copy_url":"https://ui-layouts.com/r/accordion.json"},{"name":"grid-layout-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/grid-layout-accordion.json"},{"name":"single-layout-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/single-layout-accordion.json"},{"name":"multi-layout-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/multi-layout-accordion.json"},{"name":"faq-accordion","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/faq-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/faq-accordion.json","copy_url":"https://ui-layouts.com/r/faq-accordion.json"},{"name":"slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/slider.json","copy_url":"https://ui-layouts.com/r/slider.json"},{"name":"dual-range-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/dual-range-slider.json"},{"name":"position-range-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/position-range-slider.json"},{"name":"static-range-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/static-range-slider.json"},{"name":"showhide-pass","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/showhide-pass.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/showhide-pass.json","copy_url":"https://ui-layouts.com/r/showhide-pass.json"},{"name":"pass-strengthindicator","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/pass-strengthindicator.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/pass-strengthindicator.json","copy_url":"https://ui-layouts.com/r/pass-strengthindicator.json"},{"name":"pass-strength-dotted-indicator","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/pass-strength-dotted-indicator.json"},{"name":"pass-strength-hover-indicator","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/pass-strength-hover-indicator.json"},{"name":"pass-strength-inline-indicator","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/pass-strength-inline-indicator.json"},{"name":"confirm-pass-check","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/confirm-pass-check.json"},{"name":"tags-input","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/tags-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tags-input.json","copy_url":"https://ui-layouts.com/r/tags-input.json"},{"name":"tags-input-components","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/tags-input-components.json"},{"name":"tags-input-no-edit","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/tags-input-no-edit.json"},{"name":"phone-input-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/phone-input-default.json"},{"name":"phone-input","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/phone-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/phone-input.json","copy_url":"https://ui-layouts.com/r/phone-input.json"},{"name":"datetime-input","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/datetime-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/datetime-input.json","copy_url":"https://ui-layouts.com/r/datetime-input.json"},{"name":"datetime-input-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/datetime-input-default.json"},{"name":"time-picker","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/time-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/time-picker.json","copy_url":"https://ui-layouts.com/r/time-picker.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/date-picker.json","copy_url":"https://ui-layouts.com/r/date-picker.json"},{"name":"multi-selector","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/multi-selector.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/multi-selector.json","copy_url":"https://ui-layouts.com/r/multi-selector.json"},{"name":"multi-selector-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/multi-selector-default.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/file-upload.json","copy_url":"https://ui-layouts.com/r/file-upload.json"},{"name":"file-upload-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/file-upload-default.json"},{"name":"chat-form-dropzone","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/chat-form-dropzone.json"},{"name":"imgpreview-dropzone","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/imgpreview-dropzone.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/imgpreview-dropzone.json","copy_url":"https://ui-layouts.com/r/imgpreview-dropzone.json"},{"name":"linear-modal","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/linear-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/linear-modal.json","copy_url":"https://ui-layouts.com/r/linear-modal.json"},{"name":"linear-modal-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/linear-modal-default.json"},{"name":"linear-modal-center-content","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/linear-modal-center-content.json"},{"name":"linear-modal-standalone","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/linear-modal-standalone.json"},{"name":"gallery-modal-accordion","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/gallery-modal-accordion.json"},{"name":"gallery-modal-unsplash","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/gallery-modal-unsplash.json"},{"name":"gallery-modal-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/gallery-modal-slider.json"},{"name":"dialog","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/dialog.json","copy_url":"https://ui-layouts.com/r/dialog.json"},{"name":"dialog-default","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/dialog-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/dialog-default.json","copy_url":"https://ui-layouts.com/r/dialog-default.json"},{"name":"media-modal","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/media-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/media-modal.json","copy_url":"https://ui-layouts.com/r/media-modal.json"},{"name":"media-modal-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/media-modal-default.json"},{"name":"imagemodals","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/imagemodals.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/imagemodals.json","copy_url":"https://ui-layouts.com/r/imagemodals.json"},{"name":"responsive-modal","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/responsive-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-modal.json","copy_url":"https://ui-layouts.com/r/responsive-modal.json"},{"name":"responsive-modal-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/responsive-modal-default.json"},{"name":"directional-drawer","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/directional-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/directional-drawer.json","copy_url":"https://ui-layouts.com/r/directional-drawer.json"},{"name":"directional-drawer_default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/directional-drawer_default.json"},{"name":"left-directional-drawer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/left-directional-drawer.json"},{"name":"top-directional-drawer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/top-directional-drawer.json"},{"name":"bottom-directional-drawer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/bottom-directional-drawer.json"},{"name":"motion-drawer","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/motion-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-drawer.json","copy_url":"https://ui-layouts.com/r/motion-drawer.json"},{"name":"motion-drawer-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/motion-drawer-default.json"},{"name":"right-motion-drawer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/right-motion-drawer.json"},{"name":"spotlight","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/spotlight.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight.json","copy_url":"https://ui-layouts.com/r/spotlight.json"},{"name":"spotlight-card1","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/spotlight-card1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card1.json","copy_url":"https://ui-layouts.com/r/spotlight-card1.json"},{"name":"spotlight-card2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/spotlight-card2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card2.json","copy_url":"https://ui-layouts.com/r/spotlight-card2.json"},{"name":"spotlight-card3","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/spotlight-card3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card3.json","copy_url":"https://ui-layouts.com/r/spotlight-card3.json"},{"name":"spotlight-card4","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/spotlight-card4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card4.json","copy_url":"https://ui-layouts.com/r/spotlight-card4.json"},{"name":"image-reveal","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/image-reveal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-reveal.json","copy_url":"https://ui-layouts.com/r/image-reveal.json"},{"name":"image-reveal2","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/image-reveal2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-reveal2.json","copy_url":"https://ui-layouts.com/r/image-reveal2.json"},{"name":"bg-blocks-one","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/bg-blocks-one.json"},{"name":"animated-beam","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/animated-beam.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam.json","copy_url":"https://ui-layouts.com/r/animated-beam.json"},{"name":"animated-beam-default","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-beam-default.json"},{"name":"animated-beam-bidirectional","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-beam-bidirectional.json"},{"name":"animated-beam-unidirectional","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-beam-unidirectional.json"},{"name":"animated-beam-multiple-input","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-beam-multiple-input.json"},{"name":"animated-beam-multiple-output","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/animated-beam-multiple-output.json"},{"name":"carousel","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/carousel.json","copy_url":"https://ui-layouts.com/r/carousel.json"},{"name":"default-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/default-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-slider.json","copy_url":"https://ui-layouts.com/r/default-slider.json"},{"name":"align-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/align-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/align-slider.json","copy_url":"https://ui-layouts.com/r/align-slider.json"},{"name":"classname-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/classname-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/classname-slider.json","copy_url":"https://ui-layouts.com/r/classname-slider.json"},{"name":"number-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/number-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/number-slider.json","copy_url":"https://ui-layouts.com/r/number-slider.json"},{"name":"scale-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/scale-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scale-slider.json","copy_url":"https://ui-layouts.com/r/scale-slider.json"},{"name":"thumbnail-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/thumbnail-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/thumbnail-slider.json","copy_url":"https://ui-layouts.com/r/thumbnail-slider.json"},{"name":"autostart-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/autostart-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/autostart-slider.json","copy_url":"https://ui-layouts.com/r/autostart-slider.json"},{"name":"autoscroll-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/autoscroll-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/autoscroll-slider.json","copy_url":"https://ui-layouts.com/r/autoscroll-slider.json"},{"name":"vertical-slider","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/vertical-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/vertical-slider.json","copy_url":"https://ui-layouts.com/r/vertical-slider.json"},{"name":"vertical-thumbnail-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/vertical-thumbnail-slider.json"},{"name":"vertical-thumbnail-autostart-slider","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/vertical-thumbnail-autostart-slider.json"},{"name":"framer-normal-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-normal-carousel.json"},{"name":"framer-draggable-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-draggable-carousel.json"},{"name":"framer-autoplay-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-autoplay-carousel.json"},{"name":"framer-multi-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-multi-carousel.json"},{"name":"framer-thumnbails","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/framer-thumnbails.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-thumnbails.json","copy_url":"https://ui-layouts.com/r/framer-thumnbails.json"},{"name":"framer-moveable-thumbnails","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-moveable-thumbnails.json"},{"name":"framer-drag-sliding-carousel","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/framer-drag-sliding-carousel.json"},{"name":"code-block","title":null,"description":null,"type":"registry:component","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"],"source_url":"https://ui-layouts.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/code-block.json","copy_url":"https://ui-layouts.com/r/code-block.json"},{"name":"tree-code-viewer","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/tree-code-viewer.json"},{"name":"code-tabs-mdx","title":null,"description":null,"type":"registry:component","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"],"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","copy_url":"https://ui-layouts.com/r/code-tabs-mdx.json"},{"name":"hero-digital-success","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-digital-success.json"},{"name":"hero-ai-value-proposition","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-ai-value-proposition.json"},{"name":"hero-share-app","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-share-app.json"},{"name":"hero-social-app","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-social-app.json"},{"name":"hero-ai-ecommerce","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-ai-ecommerce.json"},{"name":"hero-ai-infrastructure","title":null,"description":null,"type":"registry:block","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"],"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","copy_url":"https://ui-layouts.com/r/hero-ai-infrastructure.json"},{"name":"hero-financial","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/hero-financial.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-financial.json","copy_url":"https://ui-layouts.com/r/hero-financial.json"},{"name":"feature-flow","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-flow.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-flow.json","copy_url":"https://ui-layouts.com/r/feature-flow.json"},{"name":"feature-hero","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-hero.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-hero.json","copy_url":"https://ui-layouts.com/r/feature-hero.json"},{"name":"feature-bento","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-bento.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-bento.json","copy_url":"https://ui-layouts.com/r/feature-bento.json"},{"name":"feature-nature","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-nature.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-nature.json","copy_url":"https://ui-layouts.com/r/feature-nature.json"},{"name":"feature-velocity","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-velocity.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-velocity.json","copy_url":"https://ui-layouts.com/r/feature-velocity.json"},{"name":"feature-highlights","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-highlights.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-highlights.json","copy_url":"https://ui-layouts.com/r/feature-highlights.json"},{"name":"feature-platform","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-platform.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-platform.json","copy_url":"https://ui-layouts.com/r/feature-platform.json"},{"name":"feature-service","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/feature-service.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-service.json","copy_url":"https://ui-layouts.com/r/feature-service.json"},{"name":"about-ecommerse","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/about-ecommerse.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/about-ecommerse.json","copy_url":"https://ui-layouts.com/r/about-ecommerse.json"},{"name":"about-creative","title":null,"description":null,"type":"registry:block","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"],"source_url":"https://ui-layouts.com/r/about-creative.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/about-creative.json","copy_url":"https://ui-layouts.com/r/about-creative.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","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"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.vercel.app/registry/uicapsule","markdown":"https://sh4dcn.vercel.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://uicapsule.com/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":19,"open_issues":39,"last_commit":"2026-07-07T13:56:25Z"},"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":36,"components":[{"name":"ascii-renderer","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/ascii-renderer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/ascii-renderer.json","copy_url":"https://uicapsule.com/r/ascii-renderer.json"},{"name":"background-pixel-stars","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/background-pixel-stars.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/background-pixel-stars.json","copy_url":"https://uicapsule.com/r/background-pixel-stars.json"},{"name":"background-shapes","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/background-shapes.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/background-shapes.json","copy_url":"https://uicapsule.com/r/background-shapes.json"},{"name":"card-stack","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/card-stack.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/card-stack.json","copy_url":"https://uicapsule.com/r/card-stack.json"},{"name":"carousel-3d","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/carousel-3d.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/carousel-3d.json","copy_url":"https://uicapsule.com/r/carousel-3d.json"},{"name":"desktop-os","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/desktop-os.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/desktop-os.json","copy_url":"https://uicapsule.com/r/desktop-os.json"},{"name":"dynamic-ai-composer","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/dynamic-ai-composer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/dynamic-ai-composer.json","copy_url":"https://uicapsule.com/r/dynamic-ai-composer.json"},{"name":"dynamic-island","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/dynamic-island.json","copy_url":"https://uicapsule.com/r/dynamic-island.json"},{"name":"effort-picker","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/effort-picker.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/effort-picker.json","copy_url":"https://uicapsule.com/r/effort-picker.json"},{"name":"emerald-template","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/emerald-template.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/emerald-template.json","copy_url":"https://uicapsule.com/r/emerald-template.json"},{"name":"expanding-header-menu","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/expanding-header-menu.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/expanding-header-menu.json","copy_url":"https://uicapsule.com/r/expanding-header-menu.json"},{"name":"feed","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/feed.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/feed.json","copy_url":"https://uicapsule.com/r/feed.json"},{"name":"filter-bar","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/filter-bar.json","copy_url":"https://uicapsule.com/r/filter-bar.json"},{"name":"formation","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/formation.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/formation.json","copy_url":"https://uicapsule.com/r/formation.json"},{"name":"geometric-orb","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/geometric-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/geometric-orb.json","copy_url":"https://uicapsule.com/r/geometric-orb.json"},{"name":"gradient-orb","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/gradient-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/gradient-orb.json","copy_url":"https://uicapsule.com/r/gradient-orb.json"},{"name":"gravity-wall","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/gravity-wall.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/gravity-wall.json","copy_url":"https://uicapsule.com/r/gravity-wall.json"},{"name":"infinite-grid","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/infinite-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/infinite-grid.json","copy_url":"https://uicapsule.com/r/infinite-grid.json"},{"name":"ios-volume-slider","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/ios-volume-slider.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/ios-volume-slider.json","copy_url":"https://uicapsule.com/r/ios-volume-slider.json"},{"name":"light-dark-toggle","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/light-dark-toggle.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/light-dark-toggle.json","copy_url":"https://uicapsule.com/r/light-dark-toggle.json"},{"name":"like-button","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/like-button.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/like-button.json","copy_url":"https://uicapsule.com/r/like-button.json"},{"name":"lookbook-camera","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/lookbook-camera.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/lookbook-camera.json","copy_url":"https://uicapsule.com/r/lookbook-camera.json"},{"name":"paper-roll","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/paper-roll.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/paper-roll.json","copy_url":"https://uicapsule.com/r/paper-roll.json"},{"name":"particle-orb","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/particle-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/particle-orb.json","copy_url":"https://uicapsule.com/r/particle-orb.json"},{"name":"radial-slider","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/radial-slider.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/radial-slider.json","copy_url":"https://uicapsule.com/r/radial-slider.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/sidebar.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/sidebar.json","copy_url":"https://uicapsule.com/r/sidebar.json"},{"name":"snail-timer","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/snail-timer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/snail-timer.json","copy_url":"https://uicapsule.com/r/snail-timer.json"},{"name":"spinner-pixel-grid","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/spinner-pixel-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/spinner-pixel-grid.json","copy_url":"https://uicapsule.com/r/spinner-pixel-grid.json"},{"name":"spreadsheet","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/spreadsheet.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/spreadsheet.json","copy_url":"https://uicapsule.com/r/spreadsheet.json"},{"name":"stat-reel","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/stat-reel.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/stat-reel.json","copy_url":"https://uicapsule.com/r/stat-reel.json"},{"name":"terminal-disintegrate","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/terminal-disintegrate.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/terminal-disintegrate.json","copy_url":"https://uicapsule.com/r/terminal-disintegrate.json"},{"name":"tesla-climate","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/tesla-climate.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/tesla-climate.json","copy_url":"https://uicapsule.com/r/tesla-climate.json"},{"name":"tooltip-grid","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/tooltip-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/tooltip-grid.json","copy_url":"https://uicapsule.com/r/tooltip-grid.json"},{"name":"voice-dictator","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/voice-dictator.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/voice-dictator.json","copy_url":"https://uicapsule.com/r/voice-dictator.json"},{"name":"volume-control","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/volume-control.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/volume-control.json","copy_url":"https://uicapsule.com/r/volume-control.json"},{"name":"wireframe-orb","title":null,"description":null,"type":"registry:block","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/wireframe-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/wireframe-orb.json","copy_url":"https://uicapsule.com/r/wireframe-orb.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.vercel.app/registry/uitripled","markdown":"https://sh4dcn.vercel.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":1272,"open_issues":1,"last_commit":"2026-06-27T21:28:49Z"},"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/bottom-modal.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/bottom-modal.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/dashboard-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dashboard-baseui.json","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/dashboard-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dashboard-shadcnui.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/folder-animation.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/folder-animation.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/messenger-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/messenger-shadcnui.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/native-badge.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-badge.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/native-magnetic.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-magnetic.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.tripled.work/r/native-typewriter.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-typewriter.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.tripled.work/r/services-grid-block-shadcnui.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.vercel.app/registry/unlumen-ui","markdown":"https://sh4dcn.vercel.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":225,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","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"],"source_url":"https://ui.unlumen.com/r/index.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/index.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/gravity-stars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/gravity-stars.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/pixel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/square-pattern.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/square-pattern.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/wave-background.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/wave-background.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/copy.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/copy.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/glow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/glow.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/refresh.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/refresh.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/aurora-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-blur.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/aurora-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-card.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/blob-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/blob-card.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/ai-chat.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/ai-chat.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/animate-count.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animate-count.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/animate-digits.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animate-digits.json","copy_url":"https://ui.unlumen.com/r/animate-digits.json"},{"name":"animate-text-input-typing","title":"Animate Text Input Typing","description":"An animated input field with per-character motion effects and a smooth custom cursor overlay — supports multiple animation presets, cursor variants, and input …","type":"registry:ui","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animated-list.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/apple-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/apple-switch.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/aurora-bars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-bars.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/clipped-circle.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/clipped-circle.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/command-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/command-menu.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/count-up.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/count-up.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/cursor.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cursor.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/dock.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/dock.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/expand-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/expand-menu.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/expandable-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/expandable-navbar.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/favicon-search.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/favicon-search.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/file-tree.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/floating-navbar.json","copy_url":"https://ui.unlumen.com/r/floating-navbar.json"},{"name":"floating-tooltip","title":"Floating Tooltip","description":"A floating tooltip component.","type":"registry:ui","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"],"source_url":"https://ui.unlumen.com/r/floating-tooltip.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/floating-tooltip.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/github-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/github-graph.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/glowing-badge.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/glowing-badge.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/highlight.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/hover-expand.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hover-expand.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/inline-testimonials.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/kbd.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/magnetic-button.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/math-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/math-graph.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/matrix.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/matrix.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/matrix-image.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/matrix-image.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/motion-navigation-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","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"],"source_url":"https://ui.unlumen.com/r/motion-subtitle.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-subtitle.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/nextjs-ship.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/nextjs-ship.json","copy_url":"https://ui.unlumen.com/r/nextjs-ship.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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/orbiting-skills.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/orbiting-skills.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/page-transition.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/page-transition.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/perspective-flow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/perspective-flow.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/pinned-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pinned-list.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/progressive-blur.json","copy_url":"https://ui.unlumen.com/r/progressive-blur.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","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"],"source_url":"https://ui.unlumen.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/scramble-text.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/shimmer-skeleton.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/shimmer-skeleton.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/shimmering-text.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/sidebar-001.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/sidebar-001.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/sidebar-002.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/sidebar-002.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/slider.json","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/smart-animate-text.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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/switch.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/tag.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tag.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/team-stack.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/team-stack.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/text-reveal.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/theme-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/theme-switch.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/tilt.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tilt.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tilt-card.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/tooltip-preview.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tooltip-preview.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/velocity-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/velocity-highlight.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/vertical-marquee.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/vertical-marquee.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/video-ambient.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/video-ambient.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/video-slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/video-slider.json","copy_url":"https://ui.unlumen.com/r/video-slider.json"},{"name":"demo-cursor","title":"Cursor Demo","description":"Demo showing a cursor.","type":"registry:ui","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"],"source_url":"https://ui.unlumen.com/r/demo-cursor.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-cursor.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-pixel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-copy.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-copy.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-glow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-glow.json","copy_url":"https://ui.unlumen.com/r/demo-glow.json"},{"name":"demo-refresh","title":"Refresh Button Demo","description":null,"type":"registry:example","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"],"source_url":"https://ui.unlumen.com/r/demo-refresh.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-refresh.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-animate-digits.json"},{"name":"demo-animate-text-input-typing","title":"Animate Text Input Typing Demo","description":"Animated text input with per-character motion and custom cursor overlay.","type":"registry:example","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-dock.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-dock.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-floating-navbar.json"},{"name":"demo-floating-tooltip","title":"Floating Tooltip Demo","description":null,"type":"registry:example","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-kbd.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-kbd.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-matrix.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-matrix.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-motion-navigation-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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-nextjs-ship.json"},{"name":"demo-orbital-image-wheel","title":"Orbital Image Wheel Demo","description":"Demo showing the Orbital Image Wheel component.","type":"registry:ui","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-progressive-blur.json"},{"name":"demo-scramble-text","title":"Scramble Text Demo","description":"Interactive demo cycling through phrases with a character-scramble reveal animation.","type":"registry:example","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-slider.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-smart-animate-text.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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-switch.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-tag.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-tag.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-vertical-marquee.json"},{"name":"demo-video-ambient","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"https://ui.unlumen.com/r/demo-video-ambient.json"},{"name":"demo-video-slider","title":null,"description":null,"type":"registry:example","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/demo-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-highlight.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/pixel-patterns.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel-patterns.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/button.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/cursor-primitive.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cursor-primitive.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/slot.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/slot.json","copy_url":"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","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"],"source_url":"https://ui.unlumen.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tabs.json","copy_url":"https://ui.unlumen.com/r/tabs.json"},{"name":"primitives-texts-counting-number","title":"Counting Number","description":"A counting number animation.","type":"registry:ui","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/primitives-texts-gradient.json"},{"name":"primitives-texts-highlight","title":"Highlight Text","description":"A highlight text animation.","type":"registry:ui","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/primitives-texts-morphing.json"},{"name":"primitives-texts-rolling","title":"Rolling Text","description":"A rolling text animation.","type":"registry:ui","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"],"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","copy_url":"https://ui.unlumen.com/r/primitives-texts-rolling.json"},{"name":"primitives-texts-rotating","title":"Rotating Text","description":"A rotating text animation.","type":"registry:ui","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.unlumen.com/r/primitives-texts-splitting.json"},{"name":"primitives-texts-typing","title":"Typing Text","description":"A typing text animation.","type":"registry:ui","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"],"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","copy_url":"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":["ai","forms","navigation"],"categories":["Forms"],"labels":[],"urls":{"website":"https://ui.untldlabs.com","github":null,"registry":"https://ui.untldlabs.com/r/registry.json","source":"https://ui.untldlabs.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/untld","markdown":"https://sh4dcn.vercel.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":{"install_shadcn":"npx shadcn@latest add https://ui.untldlabs.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.untldlabs.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.untldlabs.com/r/registry.json","registry_fetch":"curl -s https://ui.untldlabs.com/r/registry.json"},"component_count":2,"components":[{"name":"ai-input","title":"AI Input","description":"A animated gradient border AI input component.","type":"registry:ui","tags":["ai","forms","navigation"],"categories":["Forms"],"source_url":"https://ui.untldlabs.com/r/ai-input.json","install_command":"npx shadcn@latest add https://ui.untldlabs.com/r/ai-input.json","copy_url":"https://ui.untldlabs.com/r/ai-input.json"},{"name":"page-dock","title":"Page Dock","description":"An animated dock component for page navigation with scroll progress indicator.","type":"registry:ui","tags":["ai","forms","navigation"],"categories":["Forms"],"source_url":"https://ui.untldlabs.com/r/page-dock.json","install_command":"npx shadcn@latest add https://ui.untldlabs.com/r/page-dock.json","copy_url":"https://ui.untldlabs.com/r/page-dock.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","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"labels":["featured"],"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.vercel.app/registry/uselayouts","markdown":"https://sh4dcn.vercel.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.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":404,"open_issues":6,"last_commit":"2026-06-27T09:15:56Z"},"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":26,"components":[{"name":"3d-book","title":"3D Book","description":"An interactive 3D book component with page flip animations.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/3d-book.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/3d-book.json","copy_url":"https://uselayouts.com/r/3d-book.json"},{"name":"animated-collection","title":"Animated Collection","description":"A collection of items with smooth layout transitions and animations.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/animated-collection.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/animated-collection.json","copy_url":"https://uselayouts.com/r/animated-collection.json"},{"name":"bottom-menu","title":"Bottom Menu","description":"A floating bottom navigation menu with smooth interactions.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bottom-menu.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bottom-menu.json","copy_url":"https://uselayouts.com/r/bottom-menu.json"},{"name":"day-picker","title":"Day Picker","description":"A custom day picker component with smooth animations.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/day-picker.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/day-picker.json","copy_url":"https://uselayouts.com/r/day-picker.json"},{"name":"delete-button","title":"Delete Button","description":"A confirmation button with smooth icon transitions.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/delete-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/delete-button.json","copy_url":"https://uselayouts.com/r/delete-button.json"},{"name":"discover-button","title":"Discover Button","description":"An interactive button with expanding discovery state.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/discover-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/discover-button.json","copy_url":"https://uselayouts.com/r/discover-button.json"},{"name":"discrete-tabs","title":"Discrete Tabs","description":"A tab component with discrete sliding animations.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/discrete-tabs.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/discrete-tabs.json","copy_url":"https://uselayouts.com/r/discrete-tabs.json"},{"name":"dynamic-toolbar","title":"Dynamic Toolbar","description":"A toolbar that adapts its size and layout based on content.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/dynamic-toolbar.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/dynamic-toolbar.json","copy_url":"https://uselayouts.com/r/dynamic-toolbar.json"},{"name":"expandable-gallery","title":"Expandable Gallery","description":"A photo gallery with smooth item expansion.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/expandable-gallery.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/expandable-gallery.json","copy_url":"https://uselayouts.com/r/expandable-gallery.json"},{"name":"feature-carousel","title":"Feature Carousel","description":"A smooth carousel for showcasing product features.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/feature-carousel.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/feature-carousel.json","copy_url":"https://uselayouts.com/r/feature-carousel.json"},{"name":"folder-interaction","title":"Folder Interaction","description":"A folder management system with drag-and-drop-like feel.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/folder-interaction.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/folder-interaction.json","copy_url":"https://uselayouts.com/r/folder-interaction.json"},{"name":"inline-edit","title":"Inline Edit","description":"An input that switches between read and edit modes.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/inline-edit.json","copy_url":"https://uselayouts.com/r/inline-edit.json"},{"name":"list-item","title":"List Item","description":"Interactive list items with hover and focus effects.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/list-item.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/list-item.json","copy_url":"https://uselayouts.com/r/list-item.json"},{"name":"morphing-input","title":"Morphing Input","description":"An input field that morphs between different states.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/morphing-input.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/morphing-input.json","copy_url":"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","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/multi-step-form.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/multi-step-form.json","copy_url":"https://uselayouts.com/r/multi-step-form.json"},{"name":"pricing-card","title":"Pricing Card","description":"A focused pricing card layout with clear hierarchy.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/pricing-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/pricing-card.json","copy_url":"https://uselayouts.com/r/pricing-card.json"},{"name":"shake-testimonial-card","title":"Shake Testimonial Card","description":"An eye-catching testimonial card with playful animations.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/shake-testimonial-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/shake-testimonial-card.json","copy_url":"https://uselayouts.com/r/shake-testimonial-card.json"},{"name":"smooth-dropdown","title":"Smooth Dropdown","description":"A dropdown menu with premium layout transitions.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/smooth-dropdown.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/smooth-dropdown.json","copy_url":"https://uselayouts.com/r/smooth-dropdown.json"},{"name":"status-button","title":"Status Button","description":"A button with animated states for idle, loading, and success.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/status-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/status-button.json","copy_url":"https://uselayouts.com/r/status-button.json"},{"name":"vertical-tabs","title":"Vertical Tabs","description":"A vertical tab interaction with smooth content switching.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/vertical-tabs.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/vertical-tabs.json","copy_url":"https://uselayouts.com/r/vertical-tabs.json"},{"name":"stacked-list","title":"Stacked List","description":"An expandable list widget with a stacked layout and smooth morphing transitions.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/stacked-list.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/stacked-list.json","copy_url":"https://uselayouts.com/r/stacked-list.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","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bucket.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bucket.json","copy_url":"https://uselayouts.com/r/bucket.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","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/fluid-expanding-grid.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/fluid-expanding-grid.json","copy_url":"https://uselayouts.com/r/fluid-expanding-grid.json"},{"name":"bento-card","title":"Bento Card","description":"An interactive bento card with animated tabs and workspace preview.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bento-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bento-card.json","copy_url":"https://uselayouts.com/r/bento-card.json"},{"name":"magnified-bento","title":"Magnified Bento","description":"A bento card component with a draggable magnifying lens effect over scrolling chips.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/magnified-bento.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/magnified-bento.json","copy_url":"https://uselayouts.com/r/magnified-bento.json"},{"name":"empty-testimonial","title":"Empty Testimonial","description":"An interactive empty state for testimonials with a playful folder animation.","type":"registry:component","tags":["3d","aesthetic","animation","buttons","cards","dashboard","forms","marketing","media","navigation"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/empty-testimonial.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/empty-testimonial.json","copy_url":"https://uselayouts.com/r/empty-testimonial.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.vercel.app/registry/uui","markdown":"https://sh4dcn.vercel.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","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://uui.app/r/cards-shader-effect.json","install_command":"npx shadcn@latest add https://uui.app/r/cards-shader-effect.json","copy_url":"https://uui.app/r/cards-shader-effect.json"},{"name":"dropbox-upload","title":"Dropbox Upload","description":null,"type":"registry:block","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://uui.app/r/dropbox-upload.json","install_command":"npx shadcn@latest add https://uui.app/r/dropbox-upload.json","copy_url":"https://uui.app/r/dropbox-upload.json"},{"name":"family-signin-drawer","title":"Family Sign In Drawer","description":null,"type":"registry:block","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://uui.app/r/family-signin-drawer.json","install_command":"npx shadcn@latest add https://uui.app/r/family-signin-drawer.json","copy_url":"https://uui.app/r/family-signin-drawer.json"},{"name":"snapchat-loader","title":"Snapchat Loader","description":null,"type":"registry:component","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://uui.app/r/snapchat-loader.json","install_command":"npx shadcn@latest add https://uui.app/r/snapchat-loader.json","copy_url":"https://uui.app/r/snapchat-loader.json"},{"name":"sora-theme-picker","title":"Sora Theme Picker","description":null,"type":"registry:block","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"source_url":"https://uui.app/r/sora-theme-picker.json","install_command":"npx shadcn@latest add https://uui.app/r/sora-theme-picker.json","copy_url":"https://uui.app/r/sora-theme-picker.json"},{"name":"text-shimmer-animation-on-hover","title":"Text Shimmer Animation","description":null,"type":"registry:block","tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"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","copy_url":"https://uui.app/r/text-shimmer-animation-on-hover.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.vercel.app/registry/utilcn","markdown":"https://sh4dcn.vercel.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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/capitalize-all.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/capitalize-all.json","copy_url":"https://utilcn.dev/r/capitalize-all.json"},{"name":"capitalize","title":"Capitalize","description":"Capitalize the first letter of a string.","type":"registry:lib","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/capitalize.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/capitalize.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/repeat-pad.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/repeat-pad.json","copy_url":"https://utilcn.dev/r/repeat-pad.json"},{"name":"reverse-string","title":"Reverse String","description":"Reverse a string.","type":"registry:lib","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/reverse-string.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/reverse-string.json","copy_url":"https://utilcn.dev/r/reverse-string.json"},{"name":"to-camel-case","title":"To Camel Case","description":"Convert a string to camelCase.","type":"registry:lib","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-camel-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-camel-case.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-kebab-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-kebab-case.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-pascal-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-pascal-case.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-snake-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-snake-case.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/truncate-string.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/truncate-string.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"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","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/download-file.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/download-file.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/upload-file.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/upload-file.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/env-server.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/env-server.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/upload-multiple-files.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/upload-multiple-files.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/chatgpt-app.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/chatgpt-app.json","copy_url":"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","tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/chatgpt-app-backend.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/chatgpt-app-backend.json","copy_url":"https://utilcn.dev/r/chatgpt-app-backend.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":["recently-updated"],"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.vercel.app/registry/w3-kit","markdown":"https://sh4dcn.vercel.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":14,"open_issues":15,"last_commit":"2026-07-03T01:14:25Z"},"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":"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.vercel.app/registry/wandry-ui","markdown":"https://sh4dcn.vercel.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":"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","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.vercel.app/registry/waves-cn","markdown":"https://sh4dcn.vercel.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":17,"open_issues":0,"last_commit":"2026-04-05T15:54:11Z"},"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":7,"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"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","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","media"],"categories":["Niche/single-purpose"],"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","copy_url":"https://waves-cn.vercel.app/r/wave-timeline.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.vercel.app/registry/wds","markdown":"https://sh4dcn.vercel.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":286,"open_issues":21,"last_commit":"2026-06-12T22:27:05Z"},"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"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","copy_url":"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","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://wensity.com","github":"N/A","registry":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json","source":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json","page":"https://sh4dcn.vercel.app/registry/wensity","markdown":"https://sh4dcn.vercel.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://wensity.com/og/wensity-studio-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://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/registry.json"},"component_count":70,"components":[{"name":"font-inter","title":"Inter Font","description":"Inter font package and shadcn CSS variables for Wensity primitives.","type":"registry:font","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/font-inter.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/font-inter.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-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","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/font-geist.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/font-geist.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-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","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/wensity-base.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/wensity-base.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/wensity-base.json"},{"name":"liquid-multimodal-input","title":"Liquid Multimodal Input","description":"Expanding prompt area with a glowing drop-zone.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/liquid-multimodal-input.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/liquid-multimodal-input.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/liquid-multimodal-input.json"},{"name":"generative-skeleton-mesh","title":"Generative Skeleton Mesh","description":"An organic loading state, not a spinner.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/generative-skeleton-mesh.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/generative-skeleton-mesh.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/generative-skeleton-mesh.json"},{"name":"voice-aurora-wave","title":"Voice Aurora Wave","description":"A breathing voice orb. Never jittery, always organic.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/voice-aurora-wave.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/voice-aurora-wave.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/voice-aurora-wave.json"},{"name":"model-context-switcher","title":"Model Context Switcher","description":"A Radix dropdown that scales out from the trigger and glides between options.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/model-context-switcher.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/model-context-switcher.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/model-context-switcher.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"Seamless, GPU-only logo strip that never stutters.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/infinite-marquee.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/infinite-marquee.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/infinite-marquee.json"},{"name":"morphing-shape-background","title":"Morphing Shape Background","description":"Lava-lamp blobs that drift behind your hero at 120fps with no SVG morph.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/morphing-shape-background.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/morphing-shape-background.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/morphing-shape-background.json"},{"name":"scrubbable-video-reveal","title":"Scrubbable Video Reveal","description":"Apple-style scroll-scrubbed image sequence on a canvas.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scrubbable-video-reveal.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scrubbable-video-reveal.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scrubbable-video-reveal.json"},{"name":"gooey-navigation-menu","title":"Gooey Navigation Menu","description":"A liquid FAB whose children stretch out of it like metal.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/gooey-navigation-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/gooey-navigation-menu.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/gooey-navigation-menu.json"},{"name":"multi-select-token-pills","title":"Multi-Select Token Pills","description":"Tag input that pops in, slides out, and never snaps the layout.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/multi-select-token-pills.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/multi-select-token-pills.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/multi-select-token-pills.json"},{"name":"shimmering-skeleton-wrapper","title":"Shimmering Skeleton Wrapper","description":"One angled GPU sweep across any placeholder geometry. Never one shimmer per row.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/shimmering-skeleton-wrapper.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/shimmering-skeleton-wrapper.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/shimmering-skeleton-wrapper.json"},{"name":"github-activity-grid","title":"GitHub-Style Activity Grid","description":"365 squares, one shared tooltip, and a cascading reveal that ripples backward from today.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/github-activity-grid.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/github-activity-grid.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/github-activity-grid.json"},{"name":"button","title":"Button","description":"Accessible button with variants, sizes, icons, and loading state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button.json"},{"name":"button-group","title":"Button Group","description":"Segmented action group with shared borders, split actions, and menu support.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button-group.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button-group.json"},{"name":"input","title":"Input","description":"Accessible text input with label, hint, error, icons, and clear action.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input.json"},{"name":"text-area","title":"Text Area","description":"Accessible multi-line input with variants, auto-resize, counts, and validation.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/text-area.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/text-area.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/text-area.json"},{"name":"select","title":"Select","description":"Accessible select with polished triggers, grouped options, and controlled state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/select.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/select.json"},{"name":"form-field","title":"Form Field","description":"Composable form field wrapper with labels, descriptions, errors, and section layouts.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/form-field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/form-field.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/form-field.json"},{"name":"badge","title":"Badge","description":"Polished status and metadata badges with icons, dots, removable chips, and subtle depth.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/badge.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/badge.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/badge.json"},{"name":"checkbox","title":"Checkbox","description":"Accessible checkbox with focused styles, groups, cards, and indeterminate state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/checkbox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/checkbox.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/checkbox.json"},{"name":"switch","title":"Switch","description":"Accessible switch with distinct variants, smooth motion, groups, cards, and controlled state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/switch.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/switch.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/switch.json"},{"name":"radio-group","title":"Radio Group","description":"Native radio selection with distinctive rows, segments, cards, and controlled state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/radio-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/radio-group.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/radio-group.json"},{"name":"toggle","title":"Toggle","description":"Pressable on/off control with default, icon, outline, soft, and grouped selection.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toggle.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toggle.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toggle.json"},{"name":"label","title":"Label","description":"Accessible form label with default, required, optional, muted, and inline variants.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/label.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/label.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/label.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time code input with alphanumeric, masked, and grouped variants.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input-otp.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input-otp.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input-otp.json"},{"name":"combobox","title":"Combobox","description":"Searchable combobox with multi-select, async loading, and creatable options.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/combobox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/combobox.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/combobox.json"},{"name":"avatar","title":"Avatar","description":"Profile avatars with image fallback, presence status, stacked groups, and upload.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/avatar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/avatar.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/avatar.json"},{"name":"table","title":"Table","description":"Data tables with sortable columns, row selection, expandable rows, and sticky headers.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/table.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/table.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/table.json"},{"name":"progress","title":"Progress","description":"Progress indicators - linear, circular, segmented steps, indeterminate, and stacked.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/progress.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/progress.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/progress.json"},{"name":"alert","title":"Alert","description":"Status alerts for info, success, warning, error, and action-oriented messages.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/alert.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/alert.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/alert.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholders for text, avatar, card, table, and custom compositions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/skeleton.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/skeleton.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/spinner.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/spinner.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/spinner.json"},{"name":"toast","title":"Toast","description":"Transient notifications for info, success, warning, error, and action states.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toast.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toast.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toast.json"},{"name":"dialog","title":"Dialog","description":"Modal dialogs for focused tasks - default, confirmation, form, fullscreen, and scrollable layouts.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dialog.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dialog.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dialog.json"},{"name":"sheet","title":"Sheet","description":"Edge-mounted panels that slide in from any side, with an optional persistent mode.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sheet.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sheet.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sheet.json"},{"name":"drawer","title":"Drawer","description":"Gesture-driven drawers with velocity dismiss, snap points, and multi-side support.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/drawer.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/drawer.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/drawer.json"},{"name":"popover","title":"Popover","description":"Floating panels for menus, inline forms, rich previews, and controlled state.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/popover.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/popover.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Contextual hints with rich content, keyboard shortcuts, and cursor tracking.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tooltip.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tooltip.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tooltip.json"},{"name":"tabs","title":"Tabs","description":"Tabbed navigation with sliding indicators, segmented controls, and vertical layouts.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tabs.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tabs.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tabs.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Wayfinding trail with smart collapsing, dropdowns, and animated hover states.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/breadcrumb.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/breadcrumb.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with sliding indicators, compact counters, and progressive loading.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/pagination.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/pagination.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/pagination.json"},{"name":"card","title":"Card","description":"Premium content containers with interactive, media, stat, and feature variants.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/card.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/card.json"},{"name":"separator","title":"Separator","description":"Custom dividers with text labels, gradient fades, and dashed borders.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/separator.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/separator.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/separator.json"},{"name":"scroll-area","title":"Scroll Area","description":"Styled scrolling container with auto-hide scrollbars for constrained content regions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scroll-area.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scroll-area.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scroll-area.json"},{"name":"resizable","title":"Resizable","description":"Flexible resizable layouts featuring draggable splitter bars, panel snappers, and local persistence.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/resizable.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/resizable.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/resizable.json"},{"name":"hover-card","title":"Hover Card","description":"Snappy preview card overlays triggered on hovering links/text without click interruption.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/hover-card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/hover-card.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/hover-card.json"},{"name":"accordion","title":"Accordion","description":"Expandable content sections for FAQs and interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/accordion.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/accordion.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/accordion.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Maintains consistent media dimensions across responsive layouts.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/aspect-ratio.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/aspect-ratio.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"Displays uploaded files in chats and interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/attachment.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/attachment.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/attachment.json"},{"name":"calendar","title":"Calendar","description":"Displays and selects dates across scheduling interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/calendar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/calendar.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/calendar.json"},{"name":"carousel","title":"Carousel","description":"Displays scrollable content across galleries and showcases.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/carousel.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/carousel.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/carousel.json"},{"name":"chart","title":"Chart","description":"Visualizes data, trends, comparisons, and distributions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/chart.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/chart.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/chart.json"},{"name":"collapsible","title":"Collapsible","description":"Hides and reveals secondary content sections.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/collapsible.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/collapsible.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/collapsible.json"},{"name":"slider","title":"Slider","description":"A keyboard- and pointer-accessible slider built on Base UI with a value bubble that reveals on drag or focus.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/slider.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/slider.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/slider.json"},{"name":"command","title":"Command","description":"Provides fast searchable actions and navigation interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/command.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/command.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/command.json"},{"name":"context-menu","title":"Context Menu","description":"Displays contextual actions on right-click interactions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/context-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/context-menu.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/context-menu.json"},{"name":"data-table","title":"Data Table","description":"Organizes complex datasets with sorting, filtering, selection, pagination, and expandable rows.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/data-table.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/data-table.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/data-table.json"},{"name":"date-picker","title":"Date Picker","description":"Selects dates and ranges through calendar popovers with presets, time, and month/year quick-nav.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/date-picker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/date-picker.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/date-picker.json"},{"name":"direction","title":"Direction","description":"Controls interface layout for LTR, RTL, and dynamic language-based reading directions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/direction.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/direction.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/direction.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays compact actions and options from triggers with grouped sections, nested submenus, checkboxes, radio groups, and destructive items.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dropdown-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dropdown-menu.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dropdown-menu.json"},{"name":"empty-state","title":"Empty State","description":"Communicates missing content and guides next actions with basic, action, illustration, avatar, search, and error variants.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/empty-state.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/empty-state.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/empty-state.json"},{"name":"field","title":"Field","description":"Composable field wrapper with labels, descriptions, and validation states.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/field.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/field.json"},{"name":"kbd","title":"Kbd","description":"Displays keyboard keys and shortcuts across interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/kbd.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/kbd.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/kbd.json"},{"name":"marker","title":"Marker","description":"Highlights positions, points, and statuses visually.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/marker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/marker.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/marker.json"},{"name":"native-select","title":"Native Select","description":"Provides browser-native option selection for forms.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/native-select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/native-select.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Organizes primary navigation with expandable content menus.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/navigation-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/navigation-menu.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/navigation-menu.json"},{"name":"sidebar","title":"Sidebar","description":"Organizes application navigation, sections, and workspace actions.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sidebar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sidebar.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sidebar.json"},{"name":"typography","title":"Typography","description":"Styles and structures readable content across interfaces.","type":"registry:block","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","marketing","media","navigation","overlays","saas","tables"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/typography.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/typography.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/typography.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"],"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.vercel.app/registry/wigggle-ui","markdown":"https://sh4dcn.vercel.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.a574ff17.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":882,"open_issues":7,"last_commit":"2026-02-26T07:13:20Z"},"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","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/widget.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/widget.json","copy_url":"https://wigggle-ui.vercel.app/r/widget.json"},{"name":"icons","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/icons.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/icons.json","copy_url":"https://wigggle-ui.vercel.app/r/icons.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/avatar.json","copy_url":"https://wigggle-ui.vercel.app/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/badge.json","copy_url":"https://wigggle-ui.vercel.app/r/badge.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/button.json","copy_url":"https://wigggle-ui.vercel.app/r/button.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/carousel.json","copy_url":"https://wigggle-ui.vercel.app/r/carousel.json"},{"name":"circular-progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/circular-progress.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dialog.json","copy_url":"https://wigggle-ui.vercel.app/r/dialog.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dropdown-menu.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/input.json","copy_url":"https://wigggle-ui.vercel.app/r/input.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/label.json","copy_url":"https://wigggle-ui.vercel.app/r/label.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/popover.json","copy_url":"https://wigggle-ui.vercel.app/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/progress.json","copy_url":"https://wigggle-ui.vercel.app/r/progress.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/select.json","copy_url":"https://wigggle-ui.vercel.app/r/select.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/scroll-area.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/separator.json","copy_url":"https://wigggle-ui.vercel.app/r/separator.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/switch.json","copy_url":"https://wigggle-ui.vercel.app/r/switch.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/tabs.json","copy_url":"https://wigggle-ui.vercel.app/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/textarea.json","copy_url":"https://wigggle-ui.vercel.app/r/textarea.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/tooltip.json","copy_url":"https://wigggle-ui.vercel.app/r/tooltip.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/item.json","copy_url":"https://wigggle-ui.vercel.app/r/item.json"},{"name":"wheel-picker","title":null,"description":null,"type":"registry:ui","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/wheel-picker.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/utils.json","copy_url":"https://wigggle-ui.vercel.app/r/utils.json"},{"name":"calendar-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-01.json"},{"name":"calendar-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-02.json"},{"name":"calendar-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-03.json"},{"name":"calendar-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-04.json"},{"name":"calendar-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-05.json"},{"name":"calendar-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-06.json"},{"name":"calendar-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-07.json"},{"name":"calendar-sm-08","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-08.json"},{"name":"calendar-sm-09","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-09.json"},{"name":"calendar-sm-10","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-sm-10.json"},{"name":"calendar-md-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-01.json"},{"name":"calendar-md-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-02.json"},{"name":"calendar-md-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-03.json"},{"name":"calendar-md-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-04.json"},{"name":"calendar-md-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-05.json"},{"name":"calendar-md-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-md-06.json"},{"name":"calendar-lg-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-01.json"},{"name":"calendar-lg-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-02.json"},{"name":"calendar-lg-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-03.json"},{"name":"calendar-lg-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-04.json"},{"name":"calendar-lg-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-05.json"},{"name":"calendar-lg-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/calendar-lg-06.json"},{"name":"clock-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-01.json"},{"name":"clock-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-02.json"},{"name":"clock-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-03.json"},{"name":"clock-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-04.json"},{"name":"clock-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-05.json"},{"name":"clock-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-06.json"},{"name":"clock-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-07.json"},{"name":"clock-sm-08","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-08.json"},{"name":"clock-sm-09","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-09.json"},{"name":"clock-sm-10","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-10.json"},{"name":"clock-sm-11","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-11.json"},{"name":"clock-sm-12","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-12.json"},{"name":"clock-sm-13","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/clock-sm-13.json"},{"name":"dashboard-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-01.json"},{"name":"dashboard-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-02.json"},{"name":"dashboard-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-03.json"},{"name":"dashboard-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-04.json"},{"name":"dashboard-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-05.json"},{"name":"dashboard-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-06.json"},{"name":"dashboard-md-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-md-01.json"},{"name":"dashboard-md-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-md-02.json"},{"name":"dashboard-lg-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-lg-01.json"},{"name":"dashboard-lg-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/dashboard-lg-02.json"},{"name":"media-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-01.json"},{"name":"media-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-02.json"},{"name":"media-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-03.json"},{"name":"media-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-04.json"},{"name":"media-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-05.json"},{"name":"media-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-06.json"},{"name":"media-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-07.json"},{"name":"media-sm-08","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-sm-08.json"},{"name":"media-md-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-md-01.json"},{"name":"media-md-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-md-02.json"},{"name":"media-md-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-md-03.json"},{"name":"media-md-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-md-04.json"},{"name":"media-md-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/media-md-05.json"},{"name":"productivity-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-01.json"},{"name":"productivity-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-02.json"},{"name":"productivity-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-03.json"},{"name":"productivity-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-04.json"},{"name":"productivity-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-05.json"},{"name":"productivity-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-06.json"},{"name":"productivity-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-sm-07.json"},{"name":"productivity-md-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-md-01.json"},{"name":"productivity-md-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-md-02.json"},{"name":"productivity-md-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-md-03.json"},{"name":"productivity-md-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/productivity-md-04.json"},{"name":"sports-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-01.json"},{"name":"sports-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-02.json"},{"name":"sports-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-03.json"},{"name":"sports-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-04.json"},{"name":"sports-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-05.json"},{"name":"sports-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-06.json"},{"name":"sports-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/sports-sm-07.json"},{"name":"stock-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-01.json"},{"name":"stock-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-02.json"},{"name":"stock-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-03.json"},{"name":"stock-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-04.json"},{"name":"stock-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-05.json"},{"name":"stock-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/stock-sm-06.json"},{"name":"weather-sm-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-01.json"},{"name":"weather-sm-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-02.json"},{"name":"weather-sm-03","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-03.json"},{"name":"weather-sm-04","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-04.json"},{"name":"weather-sm-05","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-05.json"},{"name":"weather-sm-06","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-06.json"},{"name":"weather-sm-07","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-07.json"},{"name":"weather-sm-08","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-08.json"},{"name":"weather-sm-09","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-sm-09.json"},{"name":"weather-md-01","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-md-01.json"},{"name":"weather-md-02","title":null,"description":null,"type":"registry:component","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/weather-md-02.json"},{"name":"use-location","title":null,"description":null,"type":"registry:hook","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/use-location.json"},{"name":"use-weather","title":null,"description":null,"type":"registry:hook","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"https://wigggle-ui.vercel.app/r/use-weather.json"},{"name":"weather-utils","title":null,"description":null,"type":"registry:lib","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"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","copy_url":"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.vercel.app/registry/heatmap","markdown":"https://sh4dcn.vercel.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":null,"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","tags":["accessibility","cards","charts","maps","pro-available"],"categories":["Charts/data viz"],"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","copy_url":"https://shadcn-heatmap.pages.dev/r/calendar-heatmap.json"},{"name":"weekday-heatmap","title":"WeekdayHeatmap","description":"Weekday × hour-of-day matrix with Sum row/column and independent colour scales.","type":"registry:component","tags":["accessibility","cards","charts","maps","pro-available"],"categories":["Charts/data viz"],"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","copy_url":"https://shadcn-heatmap.pages.dev/r/weekday-heatmap.json"},{"name":"date-heatmap","title":"DateHeatmap","description":"Date × hour matrix for zooming into a narrow time window with daily Sum column.","type":"registry:component","tags":["accessibility","cards","charts","maps","pro-available"],"categories":["Charts/data viz"],"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","copy_url":"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","tags":["accessibility","cards","charts","maps","pro-available"],"categories":["Charts/data viz"],"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","copy_url":"https://shadcn-heatmap.pages.dev/r/status-heatmap.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.vercel.app/registry/xcn","markdown":"https://sh4dcn.vercel.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":8,"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","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"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","copy_url":"https://ui.radiumcoders.com/r/xcn/motion-btn.json"},{"name":"scroll-bars","title":"Scroll Bars","description":"Animated scroll bars component.","type":"registry:component","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"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","copy_url":"https://ui.radiumcoders.com/r/xcn/scroll-bars.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"Animated testimonials with blur effect.","type":"registry:component","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"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","copy_url":"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","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/stamp.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/stamp.json","copy_url":"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.vercel.app/registry/saaskit","markdown":"https://sh4dcn.vercel.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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"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","tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"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","copy_url":"https://saaskit-theta.vercel.app/r/feature-gate.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.vercel.app/registry/zippystarter","markdown":"https://sh4dcn.vercel.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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/index.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/index.json","copy_url":"https://zippystarter.com/r/index.json"},{"name":"avatars","title":"Avatars","description":null,"type":"registry:file","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/avatars.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/avatars.json","copy_url":"https://zippystarter.com/r/avatars.json"},{"name":"font-geist","title":"Font Geist","description":"Geist font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-geist.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-geist.json","copy_url":"https://zippystarter.com/r/font-geist.json"},{"name":"font-karla","title":"Font Karla","description":"Karla font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-karla.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-karla.json","copy_url":"https://zippystarter.com/r/font-karla.json"},{"name":"font-inter","title":"Font Inter","description":"Inter font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-inter.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-inter.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-inter-tight.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-inter-tight.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-mona-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-mona-sans.json","copy_url":"https://zippystarter.com/r/font-mona-sans.json"},{"name":"font-roboto","title":"Font Roboto","description":"Roboto font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-open-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-open-sans.json","copy_url":"https://zippystarter.com/r/font-open-sans.json"},{"name":"font-lato","title":"Font Lato","description":"Lato font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-lato.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-lato.json","copy_url":"https://zippystarter.com/r/font-lato.json"},{"name":"font-poppins","title":"Font Poppins","description":"Poppins font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-poppins.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-poppins.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"https://zippystarter.com/r/font-source-sans-pro.json"},{"name":"font-nunito","title":"Font Nunito","description":"Nunito font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-nunito.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-nunito.json","copy_url":"https://zippystarter.com/r/font-nunito.json"},{"name":"font-figtree","title":"Font Figtree","description":"Figtree font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-figtree.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-figtree.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-host-grotesk.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-host-grotesk.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-space-grotesk.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-space-grotesk.json","copy_url":"https://zippystarter.com/r/font-space-grotesk.json"},{"name":"font-montserrat","title":"Font Montserrat","description":"Montserrat font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-montserrat.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-montserrat.json","copy_url":"https://zippystarter.com/r/font-montserrat.json"},{"name":"font-raleway","title":"Font Raleway","description":"Raleway font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-raleway.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-raleway.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-noto-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-noto-sans.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-work-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-work-sans.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto-flex.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto-flex.json","copy_url":"https://zippystarter.com/r/font-roboto-flex.json"},{"name":"font-merriweather","title":"Font Merriweather","description":"Merriweather font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-merriweather.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-merriweather.json","copy_url":"https://zippystarter.com/r/font-merriweather.json"},{"name":"font-lora","title":"Font Lora","description":"Lora font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-lora.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-lora.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-eb-garamond.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-eb-garamond.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-playfair-display.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-playfair-display.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-instrument-serif.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-instrument-serif.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-crimson-text.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-crimson-text.json","copy_url":"https://zippystarter.com/r/font-crimson-text.json"},{"name":"font-oswald","title":"Font Oswald","description":"Oswald font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-oswald.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-oswald.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-bebas-neue.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-bebas-neue.json","copy_url":"https://zippystarter.com/r/font-bebas-neue.json"},{"name":"font-anton","title":"Font Anton","description":"Anton font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-anton.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-anton.json","copy_url":"https://zippystarter.com/r/font-anton.json"},{"name":"font-righteous","title":"Font Righteous","description":"Righteous font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-righteous.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-righteous.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-geist-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-geist-mono.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-jetbrains-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-jetbrains-mono.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto-mono.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-fira-code.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-fira-code.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"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","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-courier-prime.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-courier-prime.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-dancing-script.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-dancing-script.json","copy_url":"https://zippystarter.com/r/font-dancing-script.json"},{"name":"font-pacifico","title":"Font Pacifico","description":"Pacifico font from Google Fonts","type":"registry:font","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-pacifico.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-pacifico.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-indie-flower.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-indie-flower.json","copy_url":"https://zippystarter.com/r/font-indie-flower.json"},{"name":"avatar","title":"Avatar","description":"Circular Avatar","type":"registry:component","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/avatar.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/avatar.json","copy_url":"https://zippystarter.com/r/avatar.json"},{"name":"image","title":"Image","description":"An image element you can use with any framework","type":"registry:component","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/image.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/image.json","copy_url":"https://zippystarter.com/r/image.json"},{"name":"link","title":"Link","description":"A link element you can use with any framework","type":"registry:component","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/link.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/link.json","copy_url":"https://zippystarter.com/r/link.json"},{"name":"container","title":"Container","description":"A container component to apply a consistent layout","type":"registry:component","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/container.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/container.json","copy_url":"https://zippystarter.com/r/container.json"},{"name":"ghibli","title":"Ghibli","description":"A theme based on the Ghibli color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/ghibli.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/ghibli.json","copy_url":"https://zippystarter.com/r/ghibli.json"},{"name":"focus","title":"Focus","description":"A theme based on the Focus color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/focus.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/focus.json","copy_url":"https://zippystarter.com/r/focus.json"},{"name":"nimble","title":"Nimble","description":"A theme based on the Nimble color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/nimble.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/nimble.json","copy_url":"https://zippystarter.com/r/nimble.json"},{"name":"starbucks","title":"Starbucks","description":"A theme based on the Starbucks color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/starbucks.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/starbucks.json","copy_url":"https://zippystarter.com/r/starbucks.json"},{"name":"skyline","title":"Skyline","description":"A theme based on the Skyline color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/skyline.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/skyline.json","copy_url":"https://zippystarter.com/r/skyline.json"},{"name":"bourbon","title":"Bourbon","description":"A theme based on the Bourbon color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/bourbon.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/bourbon.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/pumpkin-spice.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/pumpkin-spice.json","copy_url":"https://zippystarter.com/r/pumpkin-spice.json"},{"name":"catppuccin","title":"Catppuccin","description":"A theme based on the Catppuccin color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/catppuccin.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/catppuccin.json","copy_url":"https://zippystarter.com/r/catppuccin.json"},{"name":"monokai","title":"Monokai","description":"A theme based on the Monokai color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/monokai.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/monokai.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/neon-dreams.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/neon-dreams.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/desert-mirage.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/desert-mirage.json","copy_url":"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","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/neon-void.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/neon-void.json","copy_url":"https://zippystarter.com/r/neon-void.json"},{"name":"netflix","title":"Netflix","description":"A theme based on the Netflix color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/netflix.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/netflix.json","copy_url":"https://zippystarter.com/r/netflix.json"},{"name":"vercel","title":"Vercel","description":"A theme based on the Vercel color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/vercel.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/vercel.json","copy_url":"https://zippystarter.com/r/vercel.json"},{"name":"rose","title":"Rose","description":"A theme based on the Rose color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/rose.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/rose.json","copy_url":"https://zippystarter.com/r/rose.json"},{"name":"blue","title":"Blue","description":"A theme based on the Blue color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/blue.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/blue.json","copy_url":"https://zippystarter.com/r/blue.json"},{"name":"green","title":"Green","description":"A theme based on the Green color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/green.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/green.json","copy_url":"https://zippystarter.com/r/green.json"},{"name":"amber","title":"Amber","description":"A theme based on the Amber color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/amber.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/amber.json","copy_url":"https://zippystarter.com/r/amber.json"},{"name":"purple","title":"Purple","description":"A theme based on the Purple color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/purple.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/purple.json","copy_url":"https://zippystarter.com/r/purple.json"},{"name":"orange","title":"Orange","description":"A theme based on the Orange color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/orange.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/orange.json","copy_url":"https://zippystarter.com/r/orange.json"},{"name":"teal","title":"Teal","description":"A theme based on the Teal color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/teal.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/teal.json","copy_url":"https://zippystarter.com/r/teal.json"},{"name":"red","title":"Red","description":"A theme based on the Red color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/red.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/red.json","copy_url":"https://zippystarter.com/r/red.json"},{"name":"yellow","title":"Yellow","description":"A theme based on the Yellow color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/yellow.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/yellow.json","copy_url":"https://zippystarter.com/r/yellow.json"},{"name":"violet","title":"Violet","description":"A theme based on the Violet color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/violet.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/violet.json","copy_url":"https://zippystarter.com/r/violet.json"},{"name":"cyan","title":"Cyan","description":"A theme based on the Cyan color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/cyan.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/cyan.json","copy_url":"https://zippystarter.com/r/cyan.json"},{"name":"emerald","title":"Emerald","description":"A theme based on the Emerald color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/emerald.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/emerald.json","copy_url":"https://zippystarter.com/r/emerald.json"},{"name":"indigo","title":"Indigo","description":"A theme based on the Indigo color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/indigo.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/indigo.json","copy_url":"https://zippystarter.com/r/indigo.json"},{"name":"lime","title":"Lime","description":"A theme based on the Lime color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/lime.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/lime.json","copy_url":"https://zippystarter.com/r/lime.json"},{"name":"pink","title":"Pink","description":"A theme based on the Pink color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/pink.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/pink.json","copy_url":"https://zippystarter.com/r/pink.json"},{"name":"sky","title":"Sky","description":"A theme based on the Sky color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/sky.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/sky.json","copy_url":"https://zippystarter.com/r/sky.json"},{"name":"fuchsia","title":"Fuchsia","description":"A theme based on the Fuchsia color palette","type":"registry:style","tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/fuchsia.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/fuchsia.json","copy_url":"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":["recently-updated"],"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.vercel.app/registry/kaui","markdown":"https://sh4dcn.vercel.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":12,"open_issues":0,"last_commit":"2026-06-29T00:40:25Z"},"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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","tags":["buttons","forms","hooks"],"categories":["Forms"],"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","copy_url":"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":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"labels":["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.vercel.app/registry/uiable","markdown":"https://sh4dcn.vercel.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":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":18,"open_issues":3,"last_commit":"2026-07-08T05:12:33Z"},"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":"uiable-accordion-basic","title":"Basic Accordion","description":"Accordion Basic variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-basic.json","copy_url":"https://uiable.com/r/uiable-accordion-basic.json"},{"name":"uiable-accordion-borders","title":"Borders Accordion","description":"Accordion Borders variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-borders.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-borders.json","copy_url":"https://uiable.com/r/uiable-accordion-borders.json"},{"name":"uiable-accordion-card","title":"Card Accordion","description":"Accordion Card variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-card.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-card.json","copy_url":"https://uiable.com/r/uiable-accordion-card.json"},{"name":"uiable-accordion-disabled","title":"Disabled Accordion","description":"Accordion Disabled variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-disabled.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-disabled.json","copy_url":"https://uiable.com/r/uiable-accordion-disabled.json"},{"name":"uiable-accordion-flush","title":"Flush Accordion","description":"Accordion Flush variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-flush.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-flush.json","copy_url":"https://uiable.com/r/uiable-accordion-flush.json"},{"name":"uiable-accordion-multiple","title":"Multiple Accordion","description":"Accordion Multiple variant for accordion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-accordion-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-accordion-multiple.json","copy_url":"https://uiable.com/r/uiable-accordion-multiple.json"},{"name":"uiable-alert-action","title":"Action Alert","description":"Alert Action variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-action.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-action.json","copy_url":"https://uiable.com/r/uiable-alert-action.json"},{"name":"uiable-alert-basic","title":"Basic Alert","description":"Alert Basic variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-basic.json","copy_url":"https://uiable.com/r/uiable-alert-basic.json"},{"name":"uiable-alert-colors","title":"Colors Alert","description":"Alert Colors variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-colors.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-colors.json","copy_url":"https://uiable.com/r/uiable-alert-colors.json"},{"name":"uiable-alert-destructive","title":"Destructive Alert","description":"Alert Destructive variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-destructive.json","copy_url":"https://uiable.com/r/uiable-alert-destructive.json"},{"name":"uiable-alert-dialog-basic","title":"Basic Alert Dialog","description":"Alert Dialog Basic variant for alert-dialog.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dialog-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-basic.json","copy_url":"https://uiable.com/r/uiable-alert-dialog-basic.json"},{"name":"uiable-alert-dialog-destructive","title":"Destructive Alert Dialog","description":"Alert Dialog Destructive variant for alert-dialog.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dialog-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-destructive.json","copy_url":"https://uiable.com/r/uiable-alert-dialog-destructive.json"},{"name":"uiable-alert-dialog-media","title":"Media Alert Dialog","description":"Alert Dialog Media variant for alert-dialog.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dialog-media.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-media.json","copy_url":"https://uiable.com/r/uiable-alert-dialog-media.json"},{"name":"uiable-alert-dialog-small","title":"Small Alert Dialog","description":"Alert Dialog Small variant for alert-dialog.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dialog-small.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-small.json","copy_url":"https://uiable.com/r/uiable-alert-dialog-small.json"},{"name":"uiable-alert-dialog-small-media","title":"Small Media Alert Dialog","description":"Alert Dialog Small Media variant for alert-dialog.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dialog-small-media.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dialog-small-media.json","copy_url":"https://uiable.com/r/uiable-alert-dialog-small-media.json"},{"name":"uiable-alert-dismissible-danger","title":"Danger Dismissible Alert","description":"Alert Dismissible Danger variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-danger.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-danger.json"},{"name":"uiable-alert-dismissible-dark","title":"Dark Dismissible Alert","description":"Alert Dismissible Dark variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-dark.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-dark.json"},{"name":"uiable-alert-dismissible-info","title":"Info Dismissible Alert","description":"Alert Dismissible Info variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-info.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-info.json"},{"name":"uiable-alert-dismissible-primary","title":"Primary Dismissible Alert","description":"Alert Dismissible Primary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-primary.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-primary.json"},{"name":"uiable-alert-dismissible-secondary","title":"Secondary Dismissible Alert","description":"Alert Dismissible Secondary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-secondary.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-secondary.json"},{"name":"uiable-alert-dismissible-success","title":"Success Dismissible Alert","description":"Alert Dismissible Success variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-success.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-success.json"},{"name":"uiable-alert-dismissible-warning","title":"Warning Dismissible Alert","description":"Alert Dismissible Warning variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-dismissible-warning.json","copy_url":"https://uiable.com/r/uiable-alert-dismissible-warning.json"},{"name":"uiable-alert-icon-danger","title":"Danger Icon Alert","description":"Alert Icon Danger variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-danger.json","copy_url":"https://uiable.com/r/uiable-alert-icon-danger.json"},{"name":"uiable-alert-icon-dark","title":"Dark Icon Alert","description":"Alert Icon Dark variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-dark.json","copy_url":"https://uiable.com/r/uiable-alert-icon-dark.json"},{"name":"uiable-alert-icon-info","title":"Info Icon Alert","description":"Alert Icon Info variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-info.json","copy_url":"https://uiable.com/r/uiable-alert-icon-info.json"},{"name":"uiable-alert-icon-primary","title":"Primary Icon Alert","description":"Alert Icon Primary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-primary.json","copy_url":"https://uiable.com/r/uiable-alert-icon-primary.json"},{"name":"uiable-alert-icon-secondary","title":"Secondary Icon Alert","description":"Alert Icon Secondary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-secondary.json","copy_url":"https://uiable.com/r/uiable-alert-icon-secondary.json"},{"name":"uiable-alert-icon-success","title":"Success Icon Alert","description":"Alert Icon Success variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-success.json","copy_url":"https://uiable.com/r/uiable-alert-icon-success.json"},{"name":"uiable-alert-icon-warning","title":"Warning Icon Alert","description":"Alert Icon Warning variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-icon-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-icon-warning.json","copy_url":"https://uiable.com/r/uiable-alert-icon-warning.json"},{"name":"uiable-alert-light-danger","title":"Danger Light Alert","description":"Alert Light Danger variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-danger.json","copy_url":"https://uiable.com/r/uiable-alert-light-danger.json"},{"name":"uiable-alert-light-dark","title":"Light Dark Alert","description":"Alert Light Dark variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-dark.json","copy_url":"https://uiable.com/r/uiable-alert-light-dark.json"},{"name":"uiable-alert-light-info","title":"Light Info Alert","description":"Alert Light Info variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-info.json","copy_url":"https://uiable.com/r/uiable-alert-light-info.json"},{"name":"uiable-alert-light-primary","title":"Light Primary Alert","description":"Alert Light Primary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-primary.json","copy_url":"https://uiable.com/r/uiable-alert-light-primary.json"},{"name":"uiable-alert-light-secondary","title":"Light Secondary Alert","description":"Alert Light Secondary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-secondary.json","copy_url":"https://uiable.com/r/uiable-alert-light-secondary.json"},{"name":"uiable-alert-light-success","title":"Light Success Alert","description":"Alert Light Success variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-success.json","copy_url":"https://uiable.com/r/uiable-alert-light-success.json"},{"name":"uiable-alert-light-warning","title":"Light Warning Alert","description":"Alert Light Warning variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-light-warning.json","copy_url":"https://uiable.com/r/uiable-alert-light-warning.json"},{"name":"uiable-alert-solid-danger","title":"Solid Danger Alert","description":"Alert Solid Danger variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-danger.json","copy_url":"https://uiable.com/r/uiable-alert-solid-danger.json"},{"name":"uiable-alert-solid-dark","title":"Solid Dark Alert","description":"Alert Solid Dark variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-dark.json","copy_url":"https://uiable.com/r/uiable-alert-solid-dark.json"},{"name":"uiable-alert-solid-info","title":"Solid Info Alert","description":"Alert Solid Info variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-info.json","copy_url":"https://uiable.com/r/uiable-alert-solid-info.json"},{"name":"uiable-alert-solid-primary","title":"Solid Primary Alert","description":"Alert Solid Primary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-primary.json","copy_url":"https://uiable.com/r/uiable-alert-solid-primary.json"},{"name":"uiable-alert-solid-secondary","title":"Solid Secondary Alert","description":"Alert Solid Secondary variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-secondary.json","copy_url":"https://uiable.com/r/uiable-alert-solid-secondary.json"},{"name":"uiable-alert-solid-success","title":"Solid Success Alert","description":"Alert Solid Success variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-success.json","copy_url":"https://uiable.com/r/uiable-alert-solid-success.json"},{"name":"uiable-alert-solid-warning","title":"Solid Warning Alert","description":"Alert Solid Warning variant for alert.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-alert-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-alert-solid-warning.json","copy_url":"https://uiable.com/r/uiable-alert-solid-warning.json"},{"name":"uiable-aspect-ratio-portrait","title":"Portrait Aspect Ratio","description":"Aspect Ratio Portrait variant for aspect-ratio.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-aspect-ratio-portrait.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-aspect-ratio-portrait.json","copy_url":"https://uiable.com/r/uiable-aspect-ratio-portrait.json"},{"name":"uiable-aspect-ratio-square","title":"Square Aspect Ratio","description":"Aspect Ratio Square variant for aspect-ratio.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-aspect-ratio-square.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-aspect-ratio-square.json","copy_url":"https://uiable.com/r/uiable-aspect-ratio-square.json"},{"name":"uiable-attachment-group","title":"Group","description":"Attachment Group variant for attachment.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-attachment-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-attachment-group.json","copy_url":"https://uiable.com/r/uiable-attachment-group.json"},{"name":"uiable-attachment-sizes","title":"Sizes","description":"Attachment Sizes variant for attachment.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-attachment-sizes.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-attachment-sizes.json","copy_url":"https://uiable.com/r/uiable-attachment-sizes.json"},{"name":"uiable-attachment-states","title":"States","description":"Attachment States variant for attachment.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-attachment-states.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-attachment-states.json","copy_url":"https://uiable.com/r/uiable-attachment-states.json"},{"name":"uiable-attachment-triggers","title":"Trigger","description":"Attachment Trigger variant for attachment.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-attachment-triggers.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-attachment-triggers.json","copy_url":"https://uiable.com/r/uiable-attachment-triggers.json"},{"name":"uiable-attachment-vertical","title":"Vertical Attachment","description":"Attachment Vertical variant for attachment.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-attachment-vertical.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-attachment-vertical.json","copy_url":"https://uiable.com/r/uiable-attachment-vertical.json"},{"name":"uiable-avatar-badge","title":"Badge Avatar","description":"Avatar Badge variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-badge.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-badge.json","copy_url":"https://uiable.com/r/uiable-avatar-badge.json"},{"name":"uiable-avatar-badge-icon","title":"Badge Icon Avatar","description":"Avatar Badge Icon variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-badge-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-badge-icon.json","copy_url":"https://uiable.com/r/uiable-avatar-badge-icon.json"},{"name":"uiable-avatar-basic","title":"Basic Avatar","description":"Avatar Basic variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-basic.json","copy_url":"https://uiable.com/r/uiable-avatar-basic.json"},{"name":"uiable-avatar-border-radius","title":"Border Radius Avatar","description":"Avatar Border Radius variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-border-radius.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-border-radius.json","copy_url":"https://uiable.com/r/uiable-avatar-border-radius.json"},{"name":"uiable-avatar-counter-indicator","title":"Counter Indicator Avatar","description":"Avatar Counter Indicator variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-counter-indicator.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-counter-indicator.json","copy_url":"https://uiable.com/r/uiable-avatar-counter-indicator.json"},{"name":"uiable-avatar-dropdown","title":"Dropdown Avatar","description":"Avatar Dropdown variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-dropdown.json","copy_url":"https://uiable.com/r/uiable-avatar-dropdown.json"},{"name":"uiable-avatar-fallback","title":"Fallback Avatar","description":"Avatar Fallback variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-fallback.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-fallback.json","copy_url":"https://uiable.com/r/uiable-avatar-fallback.json"},{"name":"uiable-avatar-group","title":"Group Avatar","description":"Avatar Group variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-group.json","copy_url":"https://uiable.com/r/uiable-avatar-group.json"},{"name":"uiable-avatar-group-count","title":"Group Count Avatar","description":"Avatar Group Count variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-group-count.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-group-count.json","copy_url":"https://uiable.com/r/uiable-avatar-group-count.json"},{"name":"uiable-avatar-group-count-icon","title":"Group Count Icon Avatar","description":"Avatar Group Count Icon variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-group-count-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-group-count-icon.json","copy_url":"https://uiable.com/r/uiable-avatar-group-count-icon.json"},{"name":"uiable-avatar-placeholder-icon","title":"Placeholder Icon Avatar","description":"Avatar Placeholder Icon variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-placeholder-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-placeholder-icon.json","copy_url":"https://uiable.com/r/uiable-avatar-placeholder-icon.json"},{"name":"uiable-avatar-size","title":"Size Avatar","description":"Avatar Size variant for avatar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-avatar-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-avatar-size.json","copy_url":"https://uiable.com/r/uiable-avatar-size.json"},{"name":"uiable-badge-avatar","title":"Avatar Badge","description":"Badge Avatar variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-avatar.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-avatar.json","copy_url":"https://uiable.com/r/uiable-badge-avatar.json"},{"name":"uiable-badge-colors","title":"Colors Badge","description":"Badge Colors variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-colors.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-colors.json","copy_url":"https://uiable.com/r/uiable-badge-colors.json"},{"name":"uiable-badge-gradient","title":"Gradient Badge","description":"Badge Gradient variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-gradient.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-gradient.json","copy_url":"https://uiable.com/r/uiable-badge-gradient.json"},{"name":"uiable-badge-icon","title":"Icon Badge","description":"Badge Icon variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-icon.json","copy_url":"https://uiable.com/r/uiable-badge-icon.json"},{"name":"uiable-badge-light-danger","title":"Light Danger Badge","description":"Badge Light Danger variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-danger.json","copy_url":"https://uiable.com/r/uiable-badge-light-danger.json"},{"name":"uiable-badge-light-dark","title":"Light Dark Badge","description":"Badge Light Dark variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-dark.json","copy_url":"https://uiable.com/r/uiable-badge-light-dark.json"},{"name":"uiable-badge-light-info","title":"Light Info Badge","description":"Badge Light Info variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-info.json","copy_url":"https://uiable.com/r/uiable-badge-light-info.json"},{"name":"uiable-badge-light-primary","title":"Light Primary Badge","description":"Badge Light Primary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-primary.json","copy_url":"https://uiable.com/r/uiable-badge-light-primary.json"},{"name":"uiable-badge-light-secondary","title":"Light Secondary Badge","description":"Badge Light Secondary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-secondary.json","copy_url":"https://uiable.com/r/uiable-badge-light-secondary.json"},{"name":"uiable-badge-light-success","title":"Light Success Badge","description":"Badge Light Success variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-success.json","copy_url":"https://uiable.com/r/uiable-badge-light-success.json"},{"name":"uiable-badge-light-warning","title":"Light Warning Badge","description":"Badge Light Warning variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-light-warning.json","copy_url":"https://uiable.com/r/uiable-badge-light-warning.json"},{"name":"uiable-badge-link","title":"Link Badge","description":"Badge Link variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-link.json","copy_url":"https://uiable.com/r/uiable-badge-link.json"},{"name":"uiable-badge-outline-danger","title":"Danger Outline Badge","description":"Badge Outline Danger variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-danger.json","copy_url":"https://uiable.com/r/uiable-badge-outline-danger.json"},{"name":"uiable-badge-outline-dark","title":"Dark Outline Badge","description":"Badge Outline Dark variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-dark.json","copy_url":"https://uiable.com/r/uiable-badge-outline-dark.json"},{"name":"uiable-badge-outline-info","title":"Info Outline Badge","description":"Badge Outline Info variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-info.json","copy_url":"https://uiable.com/r/uiable-badge-outline-info.json"},{"name":"uiable-badge-outline-primary","title":"Primary Outline Badge","description":"Badge Outline Primary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-primary.json","copy_url":"https://uiable.com/r/uiable-badge-outline-primary.json"},{"name":"uiable-badge-outline-secondary","title":"Secondary Outline Badge","description":"Badge Outline Secondary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-secondary.json","copy_url":"https://uiable.com/r/uiable-badge-outline-secondary.json"},{"name":"uiable-badge-outline-success","title":"Success Outline Badge","description":"Badge Outline Success variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-success.json","copy_url":"https://uiable.com/r/uiable-badge-outline-success.json"},{"name":"uiable-badge-outline-warning","title":"Warning Outline Badge","description":"Badge Outline Warning variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-outline-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-outline-warning.json","copy_url":"https://uiable.com/r/uiable-badge-outline-warning.json"},{"name":"uiable-badge-pill-danger","title":"Danger Pill Badge","description":"Badge Pill Danger variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-danger.json","copy_url":"https://uiable.com/r/uiable-badge-pill-danger.json"},{"name":"uiable-badge-pill-dark","title":"Dark Pill Badge","description":"Badge Pill Dark variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-dark.json","copy_url":"https://uiable.com/r/uiable-badge-pill-dark.json"},{"name":"uiable-badge-pill-info","title":"Info Pill Badge","description":"Badge Pill Info variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-info.json","copy_url":"https://uiable.com/r/uiable-badge-pill-info.json"},{"name":"uiable-badge-pill-primary","title":"Primary Pill Badge","description":"Badge Pill Primary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-primary.json","copy_url":"https://uiable.com/r/uiable-badge-pill-primary.json"},{"name":"uiable-badge-pill-secondary","title":"Secondary Pill Badge","description":"Badge Pill Secondary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-secondary.json","copy_url":"https://uiable.com/r/uiable-badge-pill-secondary.json"},{"name":"uiable-badge-pill-success","title":"Success Pill Badge","description":"Badge Pill Success variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-success.json","copy_url":"https://uiable.com/r/uiable-badge-pill-success.json"},{"name":"uiable-badge-pill-warning","title":"Warning Pill Badge","description":"Badge Pill Warning variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-pill-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-pill-warning.json","copy_url":"https://uiable.com/r/uiable-badge-pill-warning.json"},{"name":"uiable-badge-sizes","title":"Sizes Badge","description":"Badge Sizes variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-sizes.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-sizes.json","copy_url":"https://uiable.com/r/uiable-badge-sizes.json"},{"name":"uiable-badge-solid-danger","title":"Danger Solid Badge","description":"Badge Solid Danger variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-danger.json","copy_url":"https://uiable.com/r/uiable-badge-solid-danger.json"},{"name":"uiable-badge-solid-dark","title":"Dark Solid Badge","description":"Badge Solid Dark variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-dark.json","copy_url":"https://uiable.com/r/uiable-badge-solid-dark.json"},{"name":"uiable-badge-solid-info","title":"Info Solid Badge","description":"Badge Solid Info variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-info.json","copy_url":"https://uiable.com/r/uiable-badge-solid-info.json"},{"name":"uiable-badge-solid-primary","title":"Primary Solid Badge","description":"Badge Solid Primary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-primary.json","copy_url":"https://uiable.com/r/uiable-badge-solid-primary.json"},{"name":"uiable-badge-solid-secondary","title":"Secondary Solid Badge","description":"Badge Solid Secondary variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-secondary.json","copy_url":"https://uiable.com/r/uiable-badge-solid-secondary.json"},{"name":"uiable-badge-solid-success","title":"Success Solid Badge","description":"Badge Solid Success variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-success.json","copy_url":"https://uiable.com/r/uiable-badge-solid-success.json"},{"name":"uiable-badge-solid-warning","title":"Warning Solid Badge","description":"Badge Solid Warning variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-solid-warning.json","copy_url":"https://uiable.com/r/uiable-badge-solid-warning.json"},{"name":"uiable-badge-spinner","title":"Spinner Badge","description":"Badge Spinner variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-spinner.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-spinner.json","copy_url":"https://uiable.com/r/uiable-badge-spinner.json"},{"name":"uiable-badge-status","title":"Status Badge","description":"Badge Status variant for badge.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-badge-status.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-badge-status.json","copy_url":"https://uiable.com/r/uiable-badge-status.json"},{"name":"uiable-breadcrumb-basic","title":"Basic Breadcrumb","description":"Breadcrumb Basic variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-basic.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-basic.json"},{"name":"uiable-breadcrumb-collapsed","title":"Collapsed Breadcrumb","description":"Breadcrumb Collapsed variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-collapsed.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-collapsed.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-collapsed.json"},{"name":"uiable-breadcrumb-dropdown","title":"Dropdown Breadcrumb","description":"Breadcrumb Dropdown variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-dropdown.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-dropdown.json"},{"name":"uiable-breadcrumb-ellipsis","title":"Ellipsis Breadcrumb","description":"Breadcrumb Ellipsis variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-ellipsis.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-ellipsis.json"},{"name":"uiable-breadcrumb-icon","title":"Icon Breadcrumb","description":"Breadcrumb Icon variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-icon.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-icon.json"},{"name":"uiable-breadcrumb-link","title":"Link Breadcrumb","description":"Breadcrumb Link variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-link.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-link.json"},{"name":"uiable-breadcrumb-page-header","title":"Page Header Breadcrumb","description":"Breadcrumb Page Header variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-page-header.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-page-header.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-page-header.json"},{"name":"uiable-breadcrumb-separator","title":"Separator Breadcrumb","description":"Breadcrumb Separator variant for breadcrumb.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-breadcrumb-separator.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-breadcrumb-separator.json","copy_url":"https://uiable.com/r/uiable-breadcrumb-separator.json"},{"name":"uiable-bubble-alignment","title":"Bubble Alignment","description":"Bubble Alignment variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-alignment.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-alignment.json","copy_url":"https://uiable.com/r/uiable-bubble-alignment.json"},{"name":"uiable-bubble-collapsible","title":"Show More / Collapsible","description":"Bubble Collapsible variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-collapsible.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-collapsible.json","copy_url":"https://uiable.com/r/uiable-bubble-collapsible.json"},{"name":"uiable-bubble-group","title":"Bubble Group","description":"Bubble Group variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-group.json","copy_url":"https://uiable.com/r/uiable-bubble-group.json"},{"name":"uiable-bubble-link","title":"Links and Buttons","description":"Bubble Links & Buttons variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-link.json","copy_url":"https://uiable.com/r/uiable-bubble-link.json"},{"name":"uiable-bubble-popover","title":"Popover","description":"Bubble Popover variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-popover.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-popover.json","copy_url":"https://uiable.com/r/uiable-bubble-popover.json"},{"name":"uiable-bubble-reactions","title":"Bubble Reactions","description":"Bubble Reactions variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-reactions.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-reactions.json","copy_url":"https://uiable.com/r/uiable-bubble-reactions.json"},{"name":"uiable-bubble-tooltip","title":"Tooltip","description":"Bubble Tooltip variant for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-tooltip.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-tooltip.json","copy_url":"https://uiable.com/r/uiable-bubble-tooltip.json"},{"name":"uiable-bubble-variants","title":"Bubble Variants","description":"Bubble Visual Variants for bubble.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-bubble-variants.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-bubble-variants.json","copy_url":"https://uiable.com/r/uiable-bubble-variants.json"},{"name":"uiable-button-animated","title":"Animated Button","description":"Animated Button variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-animated.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-animated.json","copy_url":"https://uiable.com/r/uiable-button-animated.json"},{"name":"uiable-button-animated-border","title":"Animated Button On Hover","description":"Animated Button variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-animated-border.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-animated-border.json","copy_url":"https://uiable.com/r/uiable-button-animated-border.json"},{"name":"uiable-button-animated-gradient","title":"Gradient Animated Button","description":"Gradient Animated Button variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-animated-gradient.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-animated-gradient.json","copy_url":"https://uiable.com/r/uiable-button-animated-gradient.json"},{"name":"uiable-button-default","title":"Default Button","description":"Button Default variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-default.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-default.json","copy_url":"https://uiable.com/r/uiable-button-default.json"},{"name":"uiable-button-destructive","title":"Destructive Button","description":"Button Destructive variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-destructive.json","copy_url":"https://uiable.com/r/uiable-button-destructive.json"},{"name":"uiable-button-ghost","title":"Ghost Button","description":"Button Ghost variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-ghost.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-ghost.json","copy_url":"https://uiable.com/r/uiable-button-ghost.json"},{"name":"uiable-button-group-dropdown","title":"Dropdown Button Group","description":"Button Group Dropdown variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-dropdown.json","copy_url":"https://uiable.com/r/uiable-button-group-dropdown.json"},{"name":"uiable-button-group-icon","title":"Icon Button Group","description":"Button Group Icon variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-icon.json","copy_url":"https://uiable.com/r/uiable-button-group-icon.json"},{"name":"uiable-button-group-input","title":"Input Button Group","description":"Button Group Input variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-input.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-input.json","copy_url":"https://uiable.com/r/uiable-button-group-input.json"},{"name":"uiable-button-group-input-group","title":"Input Button Group","description":"Button Group Input Group variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-input-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-input-group.json","copy_url":"https://uiable.com/r/uiable-button-group-input-group.json"},{"name":"uiable-button-group-nested","title":"Nested Button Group","description":"Button Group Nested variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-nested.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-nested.json","copy_url":"https://uiable.com/r/uiable-button-group-nested.json"},{"name":"uiable-button-group-orientation","title":"Orientation Button Group","description":"Button Group Orientation variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-orientation.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-orientation.json","copy_url":"https://uiable.com/r/uiable-button-group-orientation.json"},{"name":"uiable-button-group-popover","title":"Popover Button Group","description":"Button Group Popover variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-popover.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-popover.json","copy_url":"https://uiable.com/r/uiable-button-group-popover.json"},{"name":"uiable-button-group-qty-select","title":"Quantity Selector","description":"Button Group Quantity Selector variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-qty-select.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-qty-select.json","copy_url":"https://uiable.com/r/uiable-button-group-qty-select.json"},{"name":"uiable-button-group-select","title":"Select Button Group","description":"Button Group Select variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-select.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-select.json","copy_url":"https://uiable.com/r/uiable-button-group-select.json"},{"name":"uiable-button-group-separator","title":"Separator Button Group","description":"Button Group Separator variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-separator.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-separator.json","copy_url":"https://uiable.com/r/uiable-button-group-separator.json"},{"name":"uiable-button-group-size","title":"Size Button Group","description":"Button Group Size variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-size.json","copy_url":"https://uiable.com/r/uiable-button-group-size.json"},{"name":"uiable-button-group-social","title":"Social Button Group","description":"Button Group Social variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-social.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-social.json","copy_url":"https://uiable.com/r/uiable-button-group-social.json"},{"name":"uiable-button-group-split","title":"Split Button Group","description":"Button Group Split variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-split.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-split.json","copy_url":"https://uiable.com/r/uiable-button-group-split.json"},{"name":"uiable-button-group-toolbar","title":"Text Styling Toolbar","description":"Button Group Toolbar variant for button-group.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-group-toolbar.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-group-toolbar.json","copy_url":"https://uiable.com/r/uiable-button-group-toolbar.json"},{"name":"uiable-button-icon","title":"Icon Button","description":"Button Icon variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon.json","copy_url":"https://uiable.com/r/uiable-button-icon.json"},{"name":"uiable-button-icon-danger","title":"Danger Icon Button","description":"Button Icon Danger variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-danger.json","copy_url":"https://uiable.com/r/uiable-button-icon-danger.json"},{"name":"uiable-button-icon-dark","title":"Dark Icon Button","description":"Button Icon Dark variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-dark.json","copy_url":"https://uiable.com/r/uiable-button-icon-dark.json"},{"name":"uiable-button-icon-info","title":"Info Icon Button","description":"Button Icon Info variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-info.json","copy_url":"https://uiable.com/r/uiable-button-icon-info.json"},{"name":"uiable-button-icon-primary","title":"Primary Icon Button","description":"Button Icon Primary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-primary.json","copy_url":"https://uiable.com/r/uiable-button-icon-primary.json"},{"name":"uiable-button-icon-secondary","title":"Secondary Icon Button","description":"Button Icon Secondary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-secondary.json","copy_url":"https://uiable.com/r/uiable-button-icon-secondary.json"},{"name":"uiable-button-icon-success","title":"Success Icon Button","description":"Button Icon Success variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-success.json","copy_url":"https://uiable.com/r/uiable-button-icon-success.json"},{"name":"uiable-button-icon-warning","title":"Warning Icon Button","description":"Button Icon Warning variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-icon-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-icon-warning.json","copy_url":"https://uiable.com/r/uiable-button-icon-warning.json"},{"name":"uiable-button-light-danger","title":"Light Danger Button","description":"Button Light Danger variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-danger.json","copy_url":"https://uiable.com/r/uiable-button-light-danger.json"},{"name":"uiable-button-light-dark","title":"Light Dark Button","description":"Button Light Dark variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-dark.json","copy_url":"https://uiable.com/r/uiable-button-light-dark.json"},{"name":"uiable-button-light-info","title":"Light Info Button","description":"Button Light Info variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-info.json","copy_url":"https://uiable.com/r/uiable-button-light-info.json"},{"name":"uiable-button-light-primary","title":"Light Primary Button","description":"Button Light Primary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-primary.json","copy_url":"https://uiable.com/r/uiable-button-light-primary.json"},{"name":"uiable-button-light-secondary","title":"Light Secondary Button","description":"Button Light Secondary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-secondary.json","copy_url":"https://uiable.com/r/uiable-button-light-secondary.json"},{"name":"uiable-button-light-success","title":"Light Success Button","description":"Button Light Success variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-success.json","copy_url":"https://uiable.com/r/uiable-button-light-success.json"},{"name":"uiable-button-light-warning","title":"Light Warning Button","description":"Button Light Warning variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-light-warning.json","copy_url":"https://uiable.com/r/uiable-button-light-warning.json"},{"name":"uiable-button-link","title":"Link Button","description":"Button Link variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-link.json","copy_url":"https://uiable.com/r/uiable-button-link.json"},{"name":"uiable-button-outline","title":"Outline Button","description":"Button Outline variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline.json","copy_url":"https://uiable.com/r/uiable-button-outline.json"},{"name":"uiable-button-outline-danger","title":"Outline Danger Button","description":"Button Outline Danger variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-danger.json","copy_url":"https://uiable.com/r/uiable-button-outline-danger.json"},{"name":"uiable-button-outline-dark","title":"Outline Dark Button","description":"Button Outline Dark variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-dark.json","copy_url":"https://uiable.com/r/uiable-button-outline-dark.json"},{"name":"uiable-button-outline-info","title":"Outline Info Button","description":"Button Outline Info variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-info.json","copy_url":"https://uiable.com/r/uiable-button-outline-info.json"},{"name":"uiable-button-outline-primary","title":"Outline Primary Button","description":"Button Outline Primary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-primary.json","copy_url":"https://uiable.com/r/uiable-button-outline-primary.json"},{"name":"uiable-button-outline-secondary","title":"Outline Secondary Button","description":"Button Outline Secondary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-secondary.json","copy_url":"https://uiable.com/r/uiable-button-outline-secondary.json"},{"name":"uiable-button-outline-success","title":"Outline Success Button","description":"Button Outline Success variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-success.json","copy_url":"https://uiable.com/r/uiable-button-outline-success.json"},{"name":"uiable-button-outline-warning","title":"Outline Warning Button","description":"Button Outline Warning variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-outline-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-outline-warning.json","copy_url":"https://uiable.com/r/uiable-button-outline-warning.json"},{"name":"uiable-button-render","title":"Render Button","description":"Button Render variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-render.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-render.json","copy_url":"https://uiable.com/r/uiable-button-render.json"},{"name":"uiable-button-rounded","title":"Radios Button","description":"Button Radios variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-rounded.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-rounded.json","copy_url":"https://uiable.com/r/uiable-button-rounded.json"},{"name":"uiable-button-secondary","title":"Secondary Button","description":"Button Secondary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-secondary.json","copy_url":"https://uiable.com/r/uiable-button-secondary.json"},{"name":"uiable-button-size","title":"Size Button","description":"Button Size variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-size.json","copy_url":"https://uiable.com/r/uiable-button-size.json"},{"name":"uiable-button-social","title":"Social Button","description":"Social button variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-social.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-social.json","copy_url":"https://uiable.com/r/uiable-button-social.json"},{"name":"uiable-button-solid-danger","title":"Solid Danger Button","description":"Button Solid Danger variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-danger.json","copy_url":"https://uiable.com/r/uiable-button-solid-danger.json"},{"name":"uiable-button-solid-dark","title":"Solid Dark Button","description":"Button Solid Dark variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-dark.json","copy_url":"https://uiable.com/r/uiable-button-solid-dark.json"},{"name":"uiable-button-solid-info","title":"Solid Info Button","description":"Button Solid Info variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-info.json","copy_url":"https://uiable.com/r/uiable-button-solid-info.json"},{"name":"uiable-button-solid-primary","title":"Solid Primary Button","description":"Button Solid Primary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-primary.json","copy_url":"https://uiable.com/r/uiable-button-solid-primary.json"},{"name":"uiable-button-solid-secondary","title":"Solid Secondary Button","description":"Button Solid Secondary variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-secondary.json","copy_url":"https://uiable.com/r/uiable-button-solid-secondary.json"},{"name":"uiable-button-solid-success","title":"Solid Success Button","description":"Button Solid Success variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-success.json","copy_url":"https://uiable.com/r/uiable-button-solid-success.json"},{"name":"uiable-button-solid-warning","title":"Solid Warning Button","description":"Button Solid Warning variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-solid-warning.json","copy_url":"https://uiable.com/r/uiable-button-solid-warning.json"},{"name":"uiable-button-spinner","title":"Spinner Button","description":"Button Spinner variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-spinner.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-spinner.json","copy_url":"https://uiable.com/r/uiable-button-spinner.json"},{"name":"uiable-button-toggle","title":"Toggle Button","description":"Toggle button variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-toggle.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-toggle.json","copy_url":"https://uiable.com/r/uiable-button-toggle.json"},{"name":"uiable-button-with-badge","title":"Button With Badge","description":"Button with badge variant for button","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-with-badge.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-with-badge.json","copy_url":"https://uiable.com/r/uiable-button-with-badge.json"},{"name":"uiable-button-with-icon","title":"With Icon Button","description":"Button With Icon variant for button.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-button-with-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-button-with-icon.json","copy_url":"https://uiable.com/r/uiable-button-with-icon.json"},{"name":"uiable-calendar-basic","title":"Basic Calendar","description":"Calendar Basic variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-basic.json","copy_url":"https://uiable.com/r/uiable-calendar-basic.json"},{"name":"uiable-calendar-booked-dates","title":"Booked Dates Calendar","description":"Calendar Booked Dates variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-booked-dates.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-booked-dates.json","copy_url":"https://uiable.com/r/uiable-calendar-booked-dates.json"},{"name":"uiable-calendar-caption","title":"Caption Calendar","description":"Calendar Caption variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-caption.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-caption.json","copy_url":"https://uiable.com/r/uiable-calendar-caption.json"},{"name":"uiable-calendar-custom-days","title":"Custom Days Calendar","description":"Calendar Custom Days variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-custom-days.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-custom-days.json","copy_url":"https://uiable.com/r/uiable-calendar-custom-days.json"},{"name":"uiable-calendar-hijri","title":"Hijri Calendar","description":"Calendar Hijri variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-hijri.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-hijri.json","copy_url":"https://uiable.com/r/uiable-calendar-hijri.json"},{"name":"uiable-calendar-multiple","title":"Multiple Calendar","description":"Calendar Multiple variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-multiple.json","copy_url":"https://uiable.com/r/uiable-calendar-multiple.json"},{"name":"uiable-calendar-presets","title":"Presets Calendar","description":"Calendar Presets variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-presets.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-presets.json","copy_url":"https://uiable.com/r/uiable-calendar-presets.json"},{"name":"uiable-calendar-range","title":"Range Calendar","description":"Calendar Range variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-range.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-range.json","copy_url":"https://uiable.com/r/uiable-calendar-range.json"},{"name":"uiable-calendar-right-navigation","title":"Right Navigation Calendar","description":"Calendar Right Navigation variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-right-navigation.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-right-navigation.json","copy_url":"https://uiable.com/r/uiable-calendar-right-navigation.json"},{"name":"uiable-calendar-time","title":"Time Calendar","description":"Calendar Time variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-time.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-time.json","copy_url":"https://uiable.com/r/uiable-calendar-time.json"},{"name":"uiable-calendar-week-numbers","title":"Week Numbers Calendar","description":"Calendar Week Numbers variant for calendar.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-calendar-week-numbers.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-calendar-week-numbers.json","copy_url":"https://uiable.com/r/uiable-calendar-week-numbers.json"},{"name":"uiable-card-align-center","title":"Align Center Card","description":"Card Align Center variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-align-center.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-align-center.json","copy_url":"https://uiable.com/r/uiable-card-align-center.json"},{"name":"uiable-card-align-right","title":"Align Right Card","description":"Card Align Right variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-align-right.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-align-right.json","copy_url":"https://uiable.com/r/uiable-card-align-right.json"},{"name":"uiable-card-animated-flip","title":"Animated Flip Card","description":"Interactive 3D dual-sided flip card with smooth rotation using framer-motion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-animated-flip.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-animated-flip.json","copy_url":"https://uiable.com/r/uiable-card-animated-flip.json"},{"name":"uiable-card-animated-tilt","title":"Animated Tilt Card","description":"Interactive 3D perspective tilt card with light sheen using framer-motion.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-animated-tilt.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-animated-tilt.json","copy_url":"https://uiable.com/r/uiable-card-animated-tilt.json"},{"name":"uiable-card-basic","title":"Basic Card","description":"Card Basic variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-basic.json","copy_url":"https://uiable.com/r/uiable-card-basic.json"},{"name":"uiable-card-header-footer","title":"Header Footer Card","description":"Card Header Footer variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-header-footer.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-header-footer.json","copy_url":"https://uiable.com/r/uiable-card-header-footer.json"},{"name":"uiable-card-horizontal","title":"Horizontal Card","description":"Card Horizontal variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-horizontal.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-horizontal.json","copy_url":"https://uiable.com/r/uiable-card-horizontal.json"},{"name":"uiable-card-image","title":"Image Card","description":"Card Image variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-image.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-image.json","copy_url":"https://uiable.com/r/uiable-card-image.json"},{"name":"uiable-card-image-bottom","title":"Image Bottom Card","description":"Card Image Bottom variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-image-bottom.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-image-bottom.json","copy_url":"https://uiable.com/r/uiable-card-image-bottom.json"},{"name":"uiable-card-image-overlay","title":"Image Overlay Card","description":"Card Image Overlay variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-image-overlay.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-image-overlay.json","copy_url":"https://uiable.com/r/uiable-card-image-overlay.json"},{"name":"uiable-card-image-top","title":"Image Top Card","description":"Card Image Top variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-image-top.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-image-top.json","copy_url":"https://uiable.com/r/uiable-card-image-top.json"},{"name":"uiable-card-product","title":"Product Card","description":"Card Product variant for e-commerce items and checkout.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-product.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-product.json","copy_url":"https://uiable.com/r/uiable-card-product.json"},{"name":"uiable-card-small","title":"Small Card","description":"Card Small variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-small.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-small.json","copy_url":"https://uiable.com/r/uiable-card-small.json"},{"name":"uiable-card-solid-danger","title":"Danger Solid Card","description":"Card Solid Danger variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-danger.json","copy_url":"https://uiable.com/r/uiable-card-solid-danger.json"},{"name":"uiable-card-solid-dark","title":"Dark Solid Card","description":"Card Solid Dark variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-dark.json","copy_url":"https://uiable.com/r/uiable-card-solid-dark.json"},{"name":"uiable-card-solid-info","title":"Info Solid Card","description":"Card Solid Info variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-info.json","copy_url":"https://uiable.com/r/uiable-card-solid-info.json"},{"name":"uiable-card-solid-primary","title":"Primary Solid Card","description":"Card Solid Primary variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-primary.json","copy_url":"https://uiable.com/r/uiable-card-solid-primary.json"},{"name":"uiable-card-solid-secondary","title":"Secondary Solid Card","description":"Card Solid Secondary variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-secondary.json","copy_url":"https://uiable.com/r/uiable-card-solid-secondary.json"},{"name":"uiable-card-solid-success","title":"Success Solid Card","description":"Card Solid Success variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-success.json","copy_url":"https://uiable.com/r/uiable-card-solid-success.json"},{"name":"uiable-card-solid-warning","title":"Warning Solid Card","description":"Card Solid Warning variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-solid-warning.json","copy_url":"https://uiable.com/r/uiable-card-solid-warning.json"},{"name":"uiable-card-tabs","title":"Tabbing Card","description":"Card Tabs variant for multi-section interactive content.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-tabs.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-tabs.json","copy_url":"https://uiable.com/r/uiable-card-tabs.json"},{"name":"uiable-card-title-subtitle","title":"Title Subtitle Card","description":"Card Title Subtitle variant for card.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-card-title-subtitle.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-card-title-subtitle.json","copy_url":"https://uiable.com/r/uiable-card-title-subtitle.json"},{"name":"uiable-carousel-api","title":"Api Carousel","description":"Carousel Api variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-api.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-api.json","copy_url":"https://uiable.com/r/uiable-carousel-api.json"},{"name":"uiable-carousel-multiple","title":"Multiple Carousel","description":"Carousel Multiple variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-multiple.json","copy_url":"https://uiable.com/r/uiable-carousel-multiple.json"},{"name":"uiable-carousel-orientation","title":"Orientation Carousel","description":"Carousel Orientation variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-orientation.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-orientation.json","copy_url":"https://uiable.com/r/uiable-carousel-orientation.json"},{"name":"uiable-carousel-plugin","title":"Plugin Carousel","description":"Carousel Plugin variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-plugin.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-plugin.json","copy_url":"https://uiable.com/r/uiable-carousel-plugin.json"},{"name":"uiable-carousel-size","title":"Size Carousel","description":"Carousel Size variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-size.json","copy_url":"https://uiable.com/r/uiable-carousel-size.json"},{"name":"uiable-carousel-spacing","title":"Spacing Carousel","description":"Carousel Spacing variant for carousel.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-carousel-spacing.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-carousel-spacing.json","copy_url":"https://uiable.com/r/uiable-carousel-spacing.json"},{"name":"uiable-changelog-entry","title":"Entry Changelog","description":"Changelog Entry variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-changelog-entry.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-changelog-entry.json","copy_url":"https://uiable.com/r/uiable-changelog-entry.json"},{"name":"uiable-changelog-mobile-toc","title":"Mobile Toc Changelog","description":"Changelog Mobile Toc variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-changelog-mobile-toc.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-changelog-mobile-toc.json","copy_url":"https://uiable.com/r/uiable-changelog-mobile-toc.json"},{"name":"uiable-changelog-toc","title":"Toc Changelog","description":"Changelog Toc variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-changelog-toc.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-changelog-toc.json","copy_url":"https://uiable.com/r/uiable-changelog-toc.json"},{"name":"uiable-chart-area","title":"Area Chart","description":"Chart Area variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-area.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-area.json","copy_url":"https://uiable.com/r/uiable-chart-area.json"},{"name":"uiable-chart-example","title":"Chart Example","description":"Chart Example variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-example.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-example.json","copy_url":"https://uiable.com/r/uiable-chart-example.json"},{"name":"uiable-chart-example-axis","title":"Axis Chart Example","description":"Chart Example Axis variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-example-axis.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-example-axis.json","copy_url":"https://uiable.com/r/uiable-chart-example-axis.json"},{"name":"uiable-chart-example-grid","title":"Grid Chart Example","description":"Chart Example Grid variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-example-grid.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-example-grid.json","copy_url":"https://uiable.com/r/uiable-chart-example-grid.json"},{"name":"uiable-chart-example-legend","title":"Legend Chart Example","description":"Chart Example Legend variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-example-legend.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-example-legend.json","copy_url":"https://uiable.com/r/uiable-chart-example-legend.json"},{"name":"uiable-chart-example-tooltip","title":"Tooltip Chart Example","description":"Chart Example Tooltip variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-example-tooltip.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-example-tooltip.json","copy_url":"https://uiable.com/r/uiable-chart-example-tooltip.json"},{"name":"uiable-chart-line","title":"Line Chart","description":"Chart Line variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-line.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-line.json","copy_url":"https://uiable.com/r/uiable-chart-line.json"},{"name":"uiable-chart-pie","title":"Pie Chart","description":"Chart Pie variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-pie.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-pie.json","copy_url":"https://uiable.com/r/uiable-chart-pie.json"},{"name":"uiable-chart-radial","title":"Radial Chart","description":"Chart Radial variant for component.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-radial.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-radial.json","copy_url":"https://uiable.com/r/uiable-chart-radial.json"},{"name":"uiable-chart-tooltip","title":"Tooltip Chart","description":"Chart Tooltip variant for chart.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-chart-tooltip.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-chart-tooltip.json","copy_url":"https://uiable.com/r/uiable-chart-tooltip.json"},{"name":"uiable-checkbox-basic","title":"Basic Checkbox","description":"Checkbox Basic variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-basic.json","copy_url":"https://uiable.com/r/uiable-checkbox-basic.json"},{"name":"uiable-checkbox-colors","title":"Colors Checkboxes","description":"Colors Checkbox variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-colors.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-colors.json","copy_url":"https://uiable.com/r/uiable-checkbox-colors.json"},{"name":"uiable-checkbox-description","title":"Description Checkbox","description":"Checkbox Description variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-description.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-description.json","copy_url":"https://uiable.com/r/uiable-checkbox-description.json"},{"name":"uiable-checkbox-disabled","title":"Disabled Checkbox","description":"Checkbox Disabled variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-disabled.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-disabled.json","copy_url":"https://uiable.com/r/uiable-checkbox-disabled.json"},{"name":"uiable-checkbox-group","title":"Group Checkbox","description":"Checkbox Group variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-group.json","copy_url":"https://uiable.com/r/uiable-checkbox-group.json"},{"name":"uiable-checkbox-indeterminate","title":"Indeterminate Checkbox","description":"Indeterminate Checkbox variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-indeterminate.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-indeterminate.json","copy_url":"https://uiable.com/r/uiable-checkbox-indeterminate.json"},{"name":"uiable-checkbox-invalid","title":"Invalid Checkbox","description":"Checkbox Invalid variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-invalid.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-invalid.json","copy_url":"https://uiable.com/r/uiable-checkbox-invalid.json"},{"name":"uiable-checkbox-list","title":"Checkbox List","description":"Checkbox List variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-list.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-list.json","copy_url":"https://uiable.com/r/uiable-checkbox-list.json"},{"name":"uiable-checkbox-sizes","title":"Checkbox Sizes","description":"Checkbox Size variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-sizes.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-sizes.json","copy_url":"https://uiable.com/r/uiable-checkbox-sizes.json"},{"name":"uiable-checkbox-table","title":"Table Checkbox","description":"Checkbox Table variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-table.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-table.json","copy_url":"https://uiable.com/r/uiable-checkbox-table.json"},{"name":"uiable-checkbox-todo-list","title":"Todo List","description":"Todo List Checkbox variant for checkbox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-checkbox-todo-list.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-checkbox-todo-list.json","copy_url":"https://uiable.com/r/uiable-checkbox-todo-list.json"},{"name":"uiable-collapsible-basic","title":"Basic Collapsible","description":"Collapsible Basic variant for collapsible.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-collapsible-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-collapsible-basic.json","copy_url":"https://uiable.com/r/uiable-collapsible-basic.json"},{"name":"uiable-collapsible-file-tree","title":"File Tree Collapsible","description":"Collapsible File Tree variant for collapsible.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-collapsible-file-tree.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-collapsible-file-tree.json","copy_url":"https://uiable.com/r/uiable-collapsible-file-tree.json"},{"name":"uiable-collapsible-settings","title":"Settings Collapsible","description":"Collapsible Settings variant for collapsible.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-collapsible-settings.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-collapsible-settings.json","copy_url":"https://uiable.com/r/uiable-collapsible-settings.json"},{"name":"uiable-combobox-auto-highlight","title":"Auto Highlight Combobox","description":"Combobox Auto Highlight variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-auto-highlight.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-auto-highlight.json","copy_url":"https://uiable.com/r/uiable-combobox-auto-highlight.json"},{"name":"uiable-combobox-autocomplete","title":"Autocomplete Combobox","description":"Combobox Autocomplete variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-autocomplete.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-autocomplete.json","copy_url":"https://uiable.com/r/uiable-combobox-autocomplete.json"},{"name":"uiable-combobox-basic","title":"Basic Combobox","description":"Combobox Basic variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-basic.json","copy_url":"https://uiable.com/r/uiable-combobox-basic.json"},{"name":"uiable-combobox-clear","title":"Clear Combobox","description":"Combobox Clear variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-clear.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-clear.json","copy_url":"https://uiable.com/r/uiable-combobox-clear.json"},{"name":"uiable-combobox-custom","title":"Custom Combobox","description":"Combobox Custom variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-custom.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-custom.json","copy_url":"https://uiable.com/r/uiable-combobox-custom.json"},{"name":"uiable-combobox-disabled","title":"Disabled Combobox","description":"Combobox Disabled variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-disabled.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-disabled.json","copy_url":"https://uiable.com/r/uiable-combobox-disabled.json"},{"name":"uiable-combobox-error","title":"Error Combobox","description":"Combobox Error variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-error.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-error.json","copy_url":"https://uiable.com/r/uiable-combobox-error.json"},{"name":"uiable-combobox-groups","title":"Groups Combobox","description":"Combobox Groups variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-groups.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-groups.json","copy_url":"https://uiable.com/r/uiable-combobox-groups.json"},{"name":"uiable-combobox-input-group","title":"Input Group Combobox","description":"Combobox Input Group variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-input-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-input-group.json","copy_url":"https://uiable.com/r/uiable-combobox-input-group.json"},{"name":"uiable-combobox-invalid","title":"Invalid Combobox","description":"Combobox Invalid variant for combobox.","type":"registry:ui","tags":["accessibility","animation","backgrounds","buttons","cards","design-system","icons","loaders","media","navigation","overlays"],"categories":["Animated components"],"source_url":"https://uiable.com/r/uiable-combobox-invalid.json","install_command":"npx shadcn@latest add https://uiable.com/r/uiable-combobox-invalid.json","copy_url":"https://uiable.com/r/uiable-combobox-invalid.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","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"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.vercel.app/registry/vue-bits","markdown":"https://sh4dcn.vercel.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":132,"components":[{"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/AnimatedContent.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AnimatedContent.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/AnimatedList.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AnimatedList.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Antigravity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Antigravity.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ASCIIText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ASCIIText.json","copy_url":"https://vue-bits.dev/r/ASCIIText.json"},{"name":"Aurora","title":"Aurora","description":"Flowing aurora gradient background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Aurora.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Aurora.json","copy_url":"https://vue-bits.dev/r/Aurora.json"},{"name":"Balatro","title":"Balatro","description":"The balatro shader, fully customizalbe and interactive.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Balatro.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Balatro.json","copy_url":"https://vue-bits.dev/r/Balatro.json"},{"name":"Ballpit","title":"Ballpit","description":"Physics ball pit simulation with bouncing colorful spheres.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Ballpit.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ballpit.json","copy_url":"https://vue-bits.dev/r/Ballpit.json"},{"name":"Beams","title":"Beams","description":"Crossing animated ribbons with customizable properties.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Beams.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Beams.json","copy_url":"https://vue-bits.dev/r/Beams.json"},{"name":"BlobCursor","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/BlobCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BlobCursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/BlurText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BlurText.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/BorderGlow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BorderGlow.json","copy_url":"https://vue-bits.dev/r/BorderGlow.json"},{"name":"BounceCards","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/BounceCards.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BounceCards.json","copy_url":"https://vue-bits.dev/r/BounceCards.json"},{"name":"BubbleMenu","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/BubbleMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BubbleMenu.json","copy_url":"https://vue-bits.dev/r/BubbleMenu.json"},{"name":"CardNav","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CardNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CardNav.json","copy_url":"https://vue-bits.dev/r/CardNav.json"},{"name":"CardSwap","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CardSwap.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CardSwap.json","copy_url":"https://vue-bits.dev/r/CardSwap.json"},{"name":"Carousel","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Carousel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Carousel.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ChromaGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ChromaGrid.json","copy_url":"https://vue-bits.dev/r/ChromaGrid.json"},{"name":"CircularGallery","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CircularGallery.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CircularGallery.json","copy_url":"https://vue-bits.dev/r/CircularGallery.json"},{"name":"CircularText","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CircularText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CircularText.json","copy_url":"https://vue-bits.dev/r/CircularText.json"},{"name":"ClickSpark","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ClickSpark.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ClickSpark.json","copy_url":"https://vue-bits.dev/r/ClickSpark.json"},{"name":"ColorBends","title":"ColorBends","description":"Vibrant color bends with smooth flowing animation.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ColorBends.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ColorBends.json","copy_url":"https://vue-bits.dev/r/ColorBends.json"},{"name":"Counter","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Counter.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Counter.json","copy_url":"https://vue-bits.dev/r/Counter.json"},{"name":"CountUp","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CountUp.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CountUp.json","copy_url":"https://vue-bits.dev/r/CountUp.json"},{"name":"Crosshair","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Crosshair.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Crosshair.json","copy_url":"https://vue-bits.dev/r/Crosshair.json"},{"name":"Cubes","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Cubes.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Cubes.json","copy_url":"https://vue-bits.dev/r/Cubes.json"},{"name":"CurvedLoop","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/CurvedLoop.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CurvedLoop.json","copy_url":"https://vue-bits.dev/r/CurvedLoop.json"},{"name":"DarkVeil","title":"DarkVeil","description":"Subtle dark background with a smooth animation and postprocessing.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DarkVeil.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DarkVeil.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DecayCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DecayCard.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DecryptedText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DecryptedText.json","copy_url":"https://vue-bits.dev/r/DecryptedText.json"},{"name":"Dither","title":"Dither","description":"Retro dithered noise shader background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Dither.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Dither.json","copy_url":"https://vue-bits.dev/r/Dither.json"},{"name":"Dock","title":"Dock","description":"macOS style magnifying dock with proximity scaling of icons.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Dock.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Dock.json","copy_url":"https://vue-bits.dev/r/Dock.json"},{"name":"DomeGallery","title":"DomeGallery","description":"Immersive 3D dome gallery projecting images on a hemispheric surface.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DomeGallery.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DomeGallery.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DotField.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DotField.json","copy_url":"https://vue-bits.dev/r/DotField.json"},{"name":"DotGrid","title":"DotGrid","description":"Animated dot grid with cursor interactions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/DotGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DotGrid.json","copy_url":"https://vue-bits.dev/r/DotGrid.json"},{"name":"ElasticSlider","title":"ElasticSlider","description":"Slider handle stretches elastically then snaps with spring physics.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ElasticSlider.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElasticSlider.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ElectricBorder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElectricBorder.json","copy_url":"https://vue-bits.dev/r/ElectricBorder.json"},{"name":"EvilEye","title":"EvilEye","description":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/EvilEye.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/EvilEye.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FadeContent.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FadeContent.json","copy_url":"https://vue-bits.dev/r/FadeContent.json"},{"name":"FallingText","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FallingText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FallingText.json","copy_url":"https://vue-bits.dev/r/FallingText.json"},{"name":"FaultyTerminal","title":"FaultyTerminal","description":"Terminal CRT scanline squares effect with flicker + noise.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FaultyTerminal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FaultyTerminal.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Ferrofluid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ferrofluid.json","copy_url":"https://vue-bits.dev/r/Ferrofluid.json"},{"name":"FloatingLines","title":"FloatingLines","description":"3D floating lines that react to cursor movement.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FloatingLines.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FloatingLines.json","copy_url":"https://vue-bits.dev/r/FloatingLines.json"},{"name":"FlowingMenu","title":"FlowingMenu","description":"Liquid flowing active indicator glides between menu items.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FlowingMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlowingMenu.json","copy_url":"https://vue-bits.dev/r/FlowingMenu.json"},{"name":"FlyingPosters","title":"FlyingPosters","description":"3D posters rotate on scroll infinitely.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FlyingPosters.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlyingPosters.json","copy_url":"https://vue-bits.dev/r/FlyingPosters.json"},{"name":"Folder","title":"Folder","description":"Interactive folder opens to reveal nested content smooth motion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Folder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Folder.json","copy_url":"https://vue-bits.dev/r/Folder.json"},{"name":"FuzzyText","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/FuzzyText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FuzzyText.json","copy_url":"https://vue-bits.dev/r/FuzzyText.json"},{"name":"Galaxy","title":"Galaxy","description":"Parallax realistic starfield with pointer interactions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Galaxy.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Galaxy.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GhostCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GhostCursor.json","copy_url":"https://vue-bits.dev/r/GhostCursor.json"},{"name":"GlareHover","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GlareHover.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlareHover.json","copy_url":"https://vue-bits.dev/r/GlareHover.json"},{"name":"GlassIcons","title":"GlassIcons","description":"Icon set styled with frosted glass blur.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GlassIcons.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlassIcons.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GlassSurface.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlassSurface.json","copy_url":"https://vue-bits.dev/r/GlassSurface.json"},{"name":"GlitchText","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GlitchText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlitchText.json","copy_url":"https://vue-bits.dev/r/GlitchText.json"},{"name":"GooeyNav","title":"GooeyNav","description":"Navigation indicator morphs with gooey blob transitions between items.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GooeyNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GooeyNav.json","copy_url":"https://vue-bits.dev/r/GooeyNav.json"},{"name":"GradientBlinds","title":"GradientBlinds","description":"Layered gradient blinds with spotlight and noise distortion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GradientBlinds.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradientBlinds.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GradientText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradientText.json","copy_url":"https://vue-bits.dev/r/GradientText.json"},{"name":"GradualBlur","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GradualBlur.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradualBlur.json","copy_url":"https://vue-bits.dev/r/GradualBlur.json"},{"name":"Grainient","title":"Grainient","description":"Grainy gradient swirls with soft wave distortion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Grainient.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Grainient.json","copy_url":"https://vue-bits.dev/r/Grainient.json"},{"name":"GridDistortion","title":"GridDistortion","description":"Warped grid mesh distorts smoothly reacting to cursor.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GridDistortion.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridDistortion.json","copy_url":"https://vue-bits.dev/r/GridDistortion.json"},{"name":"GridMotion","title":"GridMotion","description":"Perspective moving grid lines based on cusror position.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GridMotion.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridMotion.json","copy_url":"https://vue-bits.dev/r/GridMotion.json"},{"name":"GridScan","title":"GridScan","description":"Animated grid room 3D scan effect and cool interactions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/GridScan.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridScan.json","copy_url":"https://vue-bits.dev/r/GridScan.json"},{"name":"Hyperspeed","title":"Hyperspeed","description":"Animated lines continuously moving to simulate hyperspace travel on click hold.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Hyperspeed.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Hyperspeed.json","copy_url":"https://vue-bits.dev/r/Hyperspeed.json"},{"name":"ImageTrail","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ImageTrail.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ImageTrail.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/InfiniteMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/InfiniteMenu.json","copy_url":"https://vue-bits.dev/r/InfiniteMenu.json"},{"name":"Iridescence","title":"Iridescence","description":"Slick iridescent shader with shifting waves.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Iridescence.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Iridescence.json","copy_url":"https://vue-bits.dev/r/Iridescence.json"},{"name":"LaserFlow","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LaserFlow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LaserFlow.json","copy_url":"https://vue-bits.dev/r/LaserFlow.json"},{"name":"LetterGlitch","title":"LetterGlitch","description":"Matrix style letter animation.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LetterGlitch.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LetterGlitch.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Lightfall.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Lightfall.json","copy_url":"https://vue-bits.dev/r/Lightfall.json"},{"name":"Lightning","title":"Lightning","description":"Procedural lightning bolts with branching and glow flicker.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Lightning.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Lightning.json","copy_url":"https://vue-bits.dev/r/Lightning.json"},{"name":"LightPillar","title":"LightPillar","description":"Vertical pillar of light with glow effects.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LightPillar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LightPillar.json","copy_url":"https://vue-bits.dev/r/LightPillar.json"},{"name":"LightRays","title":"LightRays","description":"Volumetric light rays/beams with customizable direction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LightRays.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LightRays.json","copy_url":"https://vue-bits.dev/r/LightRays.json"},{"name":"LineWaves","title":"LineWaves","description":"Animated line wave pattern with colorful warped distortion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LineWaves.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LineWaves.json","copy_url":"https://vue-bits.dev/r/LineWaves.json"},{"name":"LiquidChrome","title":"LiquidChrome","description":"Liquid metallic chrome shader with flowing reflective surface.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LiquidChrome.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LiquidChrome.json","copy_url":"https://vue-bits.dev/r/LiquidChrome.json"},{"name":"LiquidEther","title":"LiquidEther","description":"Interactive liquid shader with flowing distortion and customizable colors.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LiquidEther.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LiquidEther.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/LogoLoop.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LogoLoop.json","copy_url":"https://vue-bits.dev/r/LogoLoop.json"},{"name":"MagicBento","title":"MagicBento","description":"Interactive bento grid tiles expand + animate with various options.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/MagicBento.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagicBento.json","copy_url":"https://vue-bits.dev/r/MagicBento.json"},{"name":"MagicRings","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/MagicRings.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagicRings.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Magnet.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Magnet.json","copy_url":"https://vue-bits.dev/r/Magnet.json"},{"name":"MagnetLines","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/MagnetLines.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagnetLines.json","copy_url":"https://vue-bits.dev/r/MagnetLines.json"},{"name":"Masonry","title":"Masonry","description":"Responsive masonry layout with animated reflow + gaps optimization.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Masonry.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Masonry.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/MetaBalls.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MetaBalls.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/MetallicPaint.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MetallicPaint.json","copy_url":"https://vue-bits.dev/r/MetallicPaint.json"},{"name":"ModelViewer","title":"ModelViewer","description":"Interactive 3D model viewer with orbit zoom, parallax, hover rotation and lighting presets.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ModelViewer.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ModelViewer.json","copy_url":"https://vue-bits.dev/r/ModelViewer.json"},{"name":"Noise","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Noise.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Noise.json","copy_url":"https://vue-bits.dev/r/Noise.json"},{"name":"Orb","title":"Orb","description":"Floating energy orb with customizable hover effect.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Orb.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Orb.json","copy_url":"https://vue-bits.dev/r/Orb.json"},{"name":"OrbitImages","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/OrbitImages.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/OrbitImages.json","copy_url":"https://vue-bits.dev/r/OrbitImages.json"},{"name":"Particles","title":"Particles","description":"Configurable particle system.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Particles.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Particles.json","copy_url":"https://vue-bits.dev/r/Particles.json"},{"name":"PillNav","title":"PillNav","description":"Minimal pill nav with sliding active highlight + smooth easing.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PillNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PillNav.json","copy_url":"https://vue-bits.dev/r/PillNav.json"},{"name":"PixelBlast","title":"PixelBlast","description":"Exploding pixel particle bursts with optional liquid postprocessing.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PixelBlast.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelBlast.json","copy_url":"https://vue-bits.dev/r/PixelBlast.json"},{"name":"PixelCard","title":"PixelCard","description":"Card content revealed through pixel expansion transition.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PixelCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelCard.json","copy_url":"https://vue-bits.dev/r/PixelCard.json"},{"name":"PixelSnow","title":"PixelSnow","description":"Falling pixelated snow effect with customizable density and speed.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PixelSnow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelSnow.json","copy_url":"https://vue-bits.dev/r/PixelSnow.json"},{"name":"PixelTrail","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PixelTrail.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelTrail.json","copy_url":"https://vue-bits.dev/r/PixelTrail.json"},{"name":"PixelTransition","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PixelTransition.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelTransition.json","copy_url":"https://vue-bits.dev/r/PixelTransition.json"},{"name":"Plasma","title":"Plasma","description":"Organic plasma gradients swirl + morph with smooth turbulence.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Plasma.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Plasma.json","copy_url":"https://vue-bits.dev/r/Plasma.json"},{"name":"PlasmaWave","title":"PlasmaWave","description":"Raymarched plasma waves with dual-wave interference and OGL.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PlasmaWave.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PlasmaWave.json","copy_url":"https://vue-bits.dev/r/PlasmaWave.json"},{"name":"Prism","title":"Prism","description":"Rotating prism with configurable intensity, size, and colors.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Prism.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Prism.json","copy_url":"https://vue-bits.dev/r/Prism.json"},{"name":"PrismaticBurst","title":"PrismaticBurst","description":"Burst of light rays with controllable color, distortion, amount.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/PrismaticBurst.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PrismaticBurst.json","copy_url":"https://vue-bits.dev/r/PrismaticBurst.json"},{"name":"ProfileCard","title":"ProfileCard","description":"Animated profile card glare with 3D hover effect.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ProfileCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ProfileCard.json","copy_url":"https://vue-bits.dev/r/ProfileCard.json"},{"name":"Radar","title":"Radar","description":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Radar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Radar.json","copy_url":"https://vue-bits.dev/r/Radar.json"},{"name":"ReflectiveCard","title":"ReflectiveCard","description":"Metallic card with live webcam reflection and SVG displacement filter.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ReflectiveCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ReflectiveCard.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Ribbons.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ribbons.json","copy_url":"https://vue-bits.dev/r/Ribbons.json"},{"name":"RippleGrid","title":"RippleGrid","description":"A grid that continuously animates with a ripple effect.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/RippleGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RippleGrid.json","copy_url":"https://vue-bits.dev/r/RippleGrid.json"},{"name":"RotatingText","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/RotatingText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RotatingText.json","copy_url":"https://vue-bits.dev/r/RotatingText.json"},{"name":"ScrambleText","title":"ScrambleText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ScrambleText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrambleText.json","copy_url":"https://vue-bits.dev/r/ScrambleText.json"},{"name":"ScrollFloat","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ScrollFloat.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollFloat.json","copy_url":"https://vue-bits.dev/r/ScrollFloat.json"},{"name":"ScrollReveal","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ScrollReveal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollReveal.json","copy_url":"https://vue-bits.dev/r/ScrollReveal.json"},{"name":"ScrollStack","title":"ScrollStack","description":"Overlapping card stack reveals on scroll with depth layering.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ScrollStack.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollStack.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ScrollVelocity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollVelocity.json","copy_url":"https://vue-bits.dev/r/ScrollVelocity.json"},{"name":"ShapeBlur","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ShapeBlur.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShapeBlur.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ShapeGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShapeGrid.json","copy_url":"https://vue-bits.dev/r/ShapeGrid.json"},{"name":"ShinyText","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/ShinyText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShinyText.json","copy_url":"https://vue-bits.dev/r/ShinyText.json"},{"name":"Shuffle","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Shuffle.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Shuffle.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/SideRays.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SideRays.json","copy_url":"https://vue-bits.dev/r/SideRays.json"},{"name":"Silk","title":"Silk","description":"Smooth waves background with soft lighting.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Silk.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Silk.json","copy_url":"https://vue-bits.dev/r/Silk.json"},{"name":"SoftAurora","title":"SoftAurora","description":"Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/SoftAurora.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SoftAurora.json","copy_url":"https://vue-bits.dev/r/SoftAurora.json"},{"name":"SplashCursor","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/SplashCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SplashCursor.json","copy_url":"https://vue-bits.dev/r/SplashCursor.json"},{"name":"SplitText","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/SplitText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SplitText.json","copy_url":"https://vue-bits.dev/r/SplitText.json"},{"name":"SpotlightCard","title":"SpotlightCard","description":"Dynamic spotlight follows cursor casting gradient illumination.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/SpotlightCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SpotlightCard.json","copy_url":"https://vue-bits.dev/r/SpotlightCard.json"},{"name":"Stack","title":"Stack","description":"Layered stack with swipe animations, autoplay and smooth transitions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Stack.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Stack.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/StaggeredMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StaggeredMenu.json","copy_url":"https://vue-bits.dev/r/StaggeredMenu.json"},{"name":"StarBorder","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/StarBorder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StarBorder.json","copy_url":"https://vue-bits.dev/r/StarBorder.json"},{"name":"Stepper","title":"Stepper","description":"Animated multi-step progress indicator with active state transitions.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Stepper.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Stepper.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/StickerPeel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StickerPeel.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Strands.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Strands.json","copy_url":"https://vue-bits.dev/r/Strands.json"},{"name":"TargetCursor","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TargetCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TargetCursor.json","copy_url":"https://vue-bits.dev/r/TargetCursor.json"},{"name":"TextCursor","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TextCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextCursor.json","copy_url":"https://vue-bits.dev/r/TextCursor.json"},{"name":"TextPressure","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TextPressure.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextPressure.json","copy_url":"https://vue-bits.dev/r/TextPressure.json"},{"name":"TextType","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TextType.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextType.json","copy_url":"https://vue-bits.dev/r/TextType.json"},{"name":"Threads","title":"Threads","description":"Animated pattern of lines forming a fabric-like motion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Threads.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Threads.json","copy_url":"https://vue-bits.dev/r/Threads.json"},{"name":"TiltedCard","title":"TiltedCard","description":"3D perspective tilt card reacting to pointer.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TiltedCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TiltedCard.json","copy_url":"https://vue-bits.dev/r/TiltedCard.json"},{"name":"TrueFocus","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/TrueFocus.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TrueFocus.json","copy_url":"https://vue-bits.dev/r/TrueFocus.json"},{"name":"VariableProximity","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/VariableProximity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/VariableProximity.json","copy_url":"https://vue-bits.dev/r/VariableProximity.json"},{"name":"Waves","title":"Waves","description":"Layered lines that form smooth wave patterns with animation.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","pro-available","retro","text-effects"],"categories":["Animated components"],"source_url":"https://vue-bits.dev/r/Waves.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Waves.json","copy_url":"https://vue-bits.dev/r/Waves.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","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"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.vercel.app/registry/svelte-bits","markdown":"https://sh4dcn.vercel.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":219,"open_issues":1,"last_commit":"2026-05-21T15:43:44Z"},"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":128,"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/animated-content.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/animated-content.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/antigravity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/antigravity.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/blob-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/blob-cursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/click-spark.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/click-spark.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/crosshair.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/crosshair.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/cubes.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/cubes.json","copy_url":"https://sveltebits.xyz/r/cubes.json"},{"name":"electric-border","title":"Electric Border","description":"Animated electric arcs around rounded rectangle borders rendered to canvas with noise displacement.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/electric-border.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/electric-border.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/fade-content.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/fade-content.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/ghost-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ghost-cursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/glare-hover.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glare-hover.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/gradual-blur.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradual-blur.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/image-trail.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/image-trail.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/laser-flow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/laser-flow.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/logo-loop.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/logo-loop.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/magic-rings.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magic-rings.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/magnet.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magnet.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/magnet-lines.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magnet-lines.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/meta-balls.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/meta-balls.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/metallic-paint.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/metallic-paint.json","copy_url":"https://sveltebits.xyz/r/metallic-paint.json"},{"name":"noise","title":"Noise","description":"Full-viewport animated film-grain canvas overlay.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/noise.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/noise.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/orbit-images.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/orbit-images.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pixel-trail.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-trail.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pixel-transition.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-transition.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/ribbons.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ribbons.json","copy_url":"https://sveltebits.xyz/r/ribbons.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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/shape-blur.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shape-blur.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/splash-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/splash-cursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/star-border.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/star-border.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/sticker-peel.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/sticker-peel.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/target-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/target-cursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/aurora.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/aurora.json","copy_url":"https://sveltebits.xyz/r/aurora.json"},{"name":"balatro","title":"Balatro","description":"Swirling pixel-painted Balatro-style WebGL background with mouse interaction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/balatro.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/balatro.json","copy_url":"https://sveltebits.xyz/r/balatro.json"},{"name":"ballpit","title":"Ballpit","description":"Interactive 3D ball pit using Three.js physics.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/ballpit.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ballpit.json","copy_url":"https://sveltebits.xyz/r/ballpit.json"},{"name":"beams","title":"Beams","description":"Light beams animated with noise displacement.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/beams.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/beams.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/color-bends.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/color-bends.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dark-veil.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dark-veil.json","copy_url":"https://sveltebits.xyz/r/dark-veil.json"},{"name":"dither","title":"Dither","description":"Bayer-dithered animated wave field.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dither.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dither.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dot-field.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dot-field.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dot-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dot-grid.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/evil-eye.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/evil-eye.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/faulty-terminal.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/faulty-terminal.json","copy_url":"https://sveltebits.xyz/r/faulty-terminal.json"},{"name":"floating-lines","title":"Floating Lines","description":"Layered animated wave lines with parallax & bend.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/floating-lines.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/floating-lines.json","copy_url":"https://sveltebits.xyz/r/floating-lines.json"},{"name":"galaxy","title":"Galaxy","description":"Animated galaxy of twinkling stars.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/galaxy.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/galaxy.json","copy_url":"https://sveltebits.xyz/r/galaxy.json"},{"name":"gradient-blinds","title":"Gradient Blinds","description":"Animated gradient blinds with spotlight tracking.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/gradient-blinds.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradient-blinds.json","copy_url":"https://sveltebits.xyz/r/gradient-blinds.json"},{"name":"grainient","title":"Grainient","description":"Animated WebGL2 grainy gradient.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/grainient.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grainient.json","copy_url":"https://sveltebits.xyz/r/grainient.json"},{"name":"grid-distortion","title":"Grid Distortion","description":"Image grid distortion driven by mouse movement.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/grid-distortion.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-distortion.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/grid-motion.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-motion.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/grid-scan.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-scan.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/hyperspeed.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/hyperspeed.json","copy_url":"https://sveltebits.xyz/r/hyperspeed.json"},{"name":"iridescence","title":"Iridescence","description":"Animated iridescent WebGL background with optional mouse parallax.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/iridescence.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/iridescence.json","copy_url":"https://sveltebits.xyz/r/iridescence.json"},{"name":"letter-glitch","title":"Letter Glitch","description":"Cascading glitchy letter grid background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/letter-glitch.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/letter-glitch.json","copy_url":"https://sveltebits.xyz/r/letter-glitch.json"},{"name":"light-pillar","title":"LightPillar","description":"Volumetric raymarched light pillar.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/light-pillar.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/light-pillar.json","copy_url":"https://sveltebits.xyz/r/light-pillar.json"},{"name":"light-rays","title":"Light Rays","description":"Animated volumetric light rays rendered with OGL.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/light-rays.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/light-rays.json","copy_url":"https://sveltebits.xyz/r/light-rays.json"},{"name":"lightning","title":"Lightning","description":"Procedural lightning bolt WebGL background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/lightning.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/lightning.json","copy_url":"https://sveltebits.xyz/r/lightning.json"},{"name":"line-waves","title":"Line Waves","description":"Warped line waves background powered by OGL.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/line-waves.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/line-waves.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/liquid-chrome.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/liquid-ether.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/liquid-ether.json","copy_url":"https://sveltebits.xyz/r/liquid-ether.json"},{"name":"orb","title":"Orb","description":"Dreamy hue-shifting orb with hover interaction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/orb.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/orb.json","copy_url":"https://sveltebits.xyz/r/orb.json"},{"name":"particles","title":"Particles","description":"OGL-based 3D point cloud particles with hover interaction.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/particles.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/particles.json","copy_url":"https://sveltebits.xyz/r/particles.json"},{"name":"pixel-blast","title":"PixelBlast","description":"Pixelated dithered shape field with ripples and liquid distortion.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pixel-blast.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-blast.json","copy_url":"https://sveltebits.xyz/r/pixel-blast.json"},{"name":"pixel-snow","title":"Pixel Snow","description":"Volumetric pixel snowfall background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pixel-snow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-snow.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/plasma.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/plasma.json","copy_url":"https://sveltebits.xyz/r/plasma.json"},{"name":"plasma-wave","title":"Plasma Wave","description":"Raymarched plasma wave background.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/plasma-wave.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/plasma-wave.json","copy_url":"https://sveltebits.xyz/r/plasma-wave.json"},{"name":"prism","title":"Prism","description":"Animated raymarched prism with hue and bloom.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/prism.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/prism.json","copy_url":"https://sveltebits.xyz/r/prism.json"},{"name":"prismatic-burst","title":"PrismaticBurst","description":"Volumetric ray burst with bend and color gradient.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/prismatic-burst.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/prismatic-burst.json","copy_url":"https://sveltebits.xyz/r/prismatic-burst.json"},{"name":"radar","title":"Radar","description":"Radar sweep background rendered with OGL.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/radar.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/radar.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/ripple-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ripple-grid.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/shape-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shape-grid.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/silk.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/silk.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/soft-aurora.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/soft-aurora.json","copy_url":"https://sveltebits.xyz/r/soft-aurora.json"},{"name":"threads","title":"Threads","description":"Animated WebGL line/threads background with mouse parallax.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/threads.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/threads.json","copy_url":"https://sveltebits.xyz/r/threads.json"},{"name":"waves","title":"Waves","description":"Perlin-noise wavy line grid that reacts to the cursor.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/waves.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/waves.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/animated-list.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/animated-list.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/border-glow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/border-glow.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/bounce-cards.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/bounce-cards.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/bubble-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/bubble-menu.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/card-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/card-nav.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/card-swap.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/card-swap.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/carousel.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/carousel.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/chroma-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/chroma-grid.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/circular-gallery.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/circular-gallery.json","copy_url":"https://sveltebits.xyz/r/circular-gallery.json"},{"name":"counter","title":"Counter","description":"Animated rolling-digit counter with spring physics (motion).","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/counter.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/counter.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/decay-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/decay-card.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dock.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dock.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/dome-gallery.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dome-gallery.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/elastic-slider.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/elastic-slider.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/flowing-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/flowing-menu.json","copy_url":"https://sveltebits.xyz/r/flowing-menu.json"},{"name":"flying-posters","title":"Flying Posters","description":"3D posters rotate on scroll infinitely.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/flying-posters.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/flying-posters.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/folder.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/folder.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/glass-icons.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glass-icons.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/glass-surface.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glass-surface.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/gooey-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gooey-nav.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/infinite-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/infinite-menu.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/magic-bento.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magic-bento.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/masonry.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/masonry.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/model-viewer.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/model-viewer.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pill-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pill-nav.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/pixel-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-card.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/profile-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/profile-card.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/reflective-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/reflective-card.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/scroll-stack.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-stack.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/spotlight-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/spotlight-card.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/stack.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/stack.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/staggered-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/staggered-menu.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/stepper.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/stepper.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/tilted-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/tilted-card.json","copy_url":"https://sveltebits.xyz/r/tilted-card.json"},{"name":"ascii-text","title":"ASCII Text","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/ascii-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ascii-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/blur-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/blur-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/circular-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/circular-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/count-up.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/count-up.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/curved-loop.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/curved-loop.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/decrypted-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/decrypted-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/falling-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/falling-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/fuzzy-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/fuzzy-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/glitch-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glitch-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/gradient-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradient-text.json","copy_url":"https://sveltebits.xyz/r/gradient-text.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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/rotating-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/rotating-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/scrambled-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scrambled-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/scroll-float.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-float.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-reveal.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/scroll-velocity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-velocity.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/shiny-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shiny-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/shuffle.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shuffle.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/split-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/split-text.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/text-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-cursor.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/text-pressure.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-pressure.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/text-type.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-type.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/true-focus.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/true-focus.json","copy_url":"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","tags":["animation","backgrounds","cards","glassmorphism","icons","media","navigation","retro","text-effects"],"categories":["Animated components"],"source_url":"https://sveltebits.xyz/r/variable-proximity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/variable-proximity.json","copy_url":"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":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"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.vercel.app/registry/aniui","markdown":"https://sh4dcn.vercel.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":71,"open_issues":4,"last_commit":"2026-07-21T13:24:52Z"},"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":118,"components":[{"name":"accordion","title":"Accordion","description":"Expandable content sections","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://aniui.dev/r/accordion.json","copy_url":"https://aniui.dev/r/accordion.json"},{"name":"action-sheet","title":"ActionSheet","description":"Action sheet with options","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/action-sheet.json","install_command":"npx shadcn@latest add https://aniui.dev/r/action-sheet.json","copy_url":"https://aniui.dev/r/action-sheet.json"},{"name":"alert","title":"Alert","description":"Alert message with variants","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/alert.json","install_command":"npx shadcn@latest add https://aniui.dev/r/alert.json","copy_url":"https://aniui.dev/r/alert.json"},{"name":"alert-dialog","title":"AlertDialog","description":"Confirmation dialog with actions","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://aniui.dev/r/alert-dialog.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/animate.json","install_command":"npx shadcn@latest add https://aniui.dev/r/animate.json","copy_url":"https://aniui.dev/r/animate.json"},{"name":"area-chart","title":"AreaChart","description":"SVG area chart with gradient fill and grid","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/area-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/area-chart.json","copy_url":"https://aniui.dev/r/area-chart.json"},{"name":"aspect-ratio","title":"AspectRatio","description":"Constrains children to a fixed width/height ratio","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://aniui.dev/r/aspect-ratio.json","copy_url":"https://aniui.dev/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"User avatar with image and fallback","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/avatar.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/avatar-group.json","copy_url":"https://aniui.dev/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"Small status indicator","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/badge.json","install_command":"npx shadcn@latest add https://aniui.dev/r/badge.json","copy_url":"https://aniui.dev/r/badge.json"},{"name":"banner","title":"Banner","description":"Full-width notification banner with variants and dismiss","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/banner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/banner.json","copy_url":"https://aniui.dev/r/banner.json"},{"name":"bar-chart","title":"BarChart","description":"Vertical and horizontal bar chart","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bar-chart.json","copy_url":"https://aniui.dev/r/bar-chart.json"},{"name":"bottom-sheet","title":"BottomSheet","description":"Bottom sheet overlay","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bottom-sheet.json","copy_url":"https://aniui.dev/r/bottom-sheet.json"},{"name":"bottom-tabs","title":"BottomTabsScreen","description":"Bottom tab navigation bar with active state indicators","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/bottom-tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bottom-tabs.json","copy_url":"https://aniui.dev/r/bottom-tabs.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation trail: Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://aniui.dev/r/breadcrumb.json","copy_url":"https://aniui.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A pressable button with variants","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/button.json","copy_url":"https://aniui.dev/r/button.json"},{"name":"calendar","title":"Calendar","description":"Month calendar with single and range selection","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/calendar.json","copy_url":"https://aniui.dev/r/calendar.json"},{"name":"card","title":"Card","description":"Card container with header, content, footer","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/card.json","copy_url":"https://aniui.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"Horizontal scrollable carousel with pagination dots","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel.json","copy_url":"https://aniui.dev/r/carousel.json"},{"name":"chart-tooltip","title":"ChartTooltip","description":"Tooltip overlay for chart data points","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chart-tooltip.json","copy_url":"https://aniui.dev/r/chart-tooltip.json"},{"name":"chat","title":"ChatScreen","description":"Messaging screen with chat bubbles and input bar","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/chat.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chat.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/chat-bubble.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chat-bubble.json","copy_url":"https://aniui.dev/r/chat-bubble.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox with checked state","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://aniui.dev/r/checkbox.json","copy_url":"https://aniui.dev/r/checkbox.json"},{"name":"chip","title":"Chip","description":"Interactive tag for filters and multi-select","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/chip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chip.json","copy_url":"https://aniui.dev/r/chip.json"},{"name":"collapsible","title":"Collapsible","description":"Animated show/hide content","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://aniui.dev/r/collapsible.json","copy_url":"https://aniui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Searchable select with multi-select, groups, clear, and custom rendering","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://aniui.dev/r/combobox.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/command-menu.json","copy_url":"https://aniui.dev/r/command-menu.json"},{"name":"connection-banner","title":"ConnectionBanner","description":"Animated banner showing online/offline connection status","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/connection-banner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/connection-banner.json","copy_url":"https://aniui.dev/r/connection-banner.json"},{"name":"context-menu","title":"ContextMenu","description":"Long-press context menu with items and separators","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/context-menu.json","copy_url":"https://aniui.dev/r/context-menu.json"},{"name":"data-table","title":"DataTable","description":"Sortable, filterable data table with pagination and custom cell rendering","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/data-table.json","install_command":"npx shadcn@latest add https://aniui.dev/r/data-table.json","copy_url":"https://aniui.dev/r/data-table.json"},{"name":"date-picker","title":"DatePicker","description":"Date picker with calendar popup and range support","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://aniui.dev/r/date-picker.json","copy_url":"https://aniui.dev/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog overlay","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://aniui.dev/r/dialog.json","copy_url":"https://aniui.dev/r/dialog.json"},{"name":"direction-provider","title":"DirectionProvider","description":"RTL/LTR direction context with I18nManager integration","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/direction-provider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/direction-provider.json","copy_url":"https://aniui.dev/r/direction-provider.json"},{"name":"drawer","title":"Drawer","description":"Slide-in side navigation panel","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://aniui.dev/r/drawer.json","copy_url":"https://aniui.dev/r/drawer.json"},{"name":"drawer-nav","title":"DrawerNavContent","description":"Side drawer with user profile and icon-labeled navigation","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/drawer-nav.json","install_command":"npx shadcn@latest add https://aniui.dev/r/drawer-nav.json","copy_url":"https://aniui.dev/r/drawer-nav.json"},{"name":"dropdown-menu","title":"DropdownMenu","description":"Dropdown menu with items, separators, and destructive actions","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/dropdown-menu.json","copy_url":"https://aniui.dev/r/dropdown-menu.json"},{"name":"empty-state","title":"EmptyState","description":"Placeholder for empty screens and error states","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://aniui.dev/r/empty-state.json","copy_url":"https://aniui.dev/r/empty-state.json"},{"name":"fab","title":"FAB","description":"Floating action button for primary screen actions","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/fab.json","install_command":"npx shadcn@latest add https://aniui.dev/r/fab.json","copy_url":"https://aniui.dev/r/fab.json"},{"name":"field","title":"Field","description":"Layout-focused form field with label, description, and error","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/field.json","install_command":"npx shadcn@latest add https://aniui.dev/r/field.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/file-picker.json","install_command":"npx shadcn@latest add https://aniui.dev/r/file-picker.json","copy_url":"https://aniui.dev/r/file-picker.json"},{"name":"forgot-password","title":"ForgotPasswordScreen","description":"Password reset flow with email input and confirmation","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/forgot-password.json","install_command":"npx shadcn@latest add https://aniui.dev/r/forgot-password.json","copy_url":"https://aniui.dev/r/forgot-password.json"},{"name":"form","title":"Form","description":"Form context with validation, error handling, and compound components","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/form.json","install_command":"npx shadcn@latest add https://aniui.dev/r/form.json","copy_url":"https://aniui.dev/r/form.json"},{"name":"gradient","title":"Gradient","description":"Linear gradient view with configurable colors and direction","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/gradient.json","install_command":"npx shadcn@latest add https://aniui.dev/r/gradient.json","copy_url":"https://aniui.dev/r/gradient.json"},{"name":"grid","title":"Grid","description":"FlatList-based grid layout with configurable columns and gap","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/grid.json","install_command":"npx shadcn@latest add https://aniui.dev/r/grid.json","copy_url":"https://aniui.dev/r/grid.json"},{"name":"header","title":"Header","description":"Navigation header with back button, title, and right actions","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/header.json","install_command":"npx shadcn@latest add https://aniui.dev/r/header.json","copy_url":"https://aniui.dev/r/header.json"},{"name":"home","title":"HomeScreen","description":"Dashboard home with greeting, quick actions, stats, and activity","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/home.json","install_command":"npx shadcn@latest add https://aniui.dev/r/home.json","copy_url":"https://aniui.dev/r/home.json"},{"name":"hover-card","title":"HoverCard","description":"Preview content card triggered by hover or long-press","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/hover-card.json","copy_url":"https://aniui.dev/r/hover-card.json"},{"name":"image","title":"Image","description":"Image with loading placeholder, error fallback, and rounded variants","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/image.json","install_command":"npx shadcn@latest add https://aniui.dev/r/image.json","copy_url":"https://aniui.dev/r/image.json"},{"name":"image-gallery","title":"ImageGallery","description":"Horizontal image carousel with fullscreen modal and pagination","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/image-gallery.json","install_command":"npx shadcn@latest add https://aniui.dev/r/image-gallery.json","copy_url":"https://aniui.dev/r/image-gallery.json"},{"name":"infinite-list","title":"InfiniteList","description":"FlatList with auto-loading more items on scroll","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/infinite-list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/infinite-list.json","copy_url":"https://aniui.dev/r/infinite-list.json"},{"name":"input","title":"Input","description":"Text input with variants and states","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input-group.json","copy_url":"https://aniui.dev/r/input-group.json"},{"name":"input-otp","title":"InputOTP","description":"One-time password input with individual cells","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input-otp.json","copy_url":"https://aniui.dev/r/input-otp.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key display with grouping and separator","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://aniui.dev/r/kbd.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/keyboard-view.json","install_command":"npx shadcn@latest add https://aniui.dev/r/keyboard-view.json","copy_url":"https://aniui.dev/r/keyboard-view.json"},{"name":"label","title":"Label","description":"Form field label","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/label.json","install_command":"npx shadcn@latest add https://aniui.dev/r/label.json","copy_url":"https://aniui.dev/r/label.json"},{"name":"labeled-separator","title":"LabeledSeparator","description":"Horizontal separator with centered text label","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/labeled-separator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/labeled-separator.json","copy_url":"https://aniui.dev/r/labeled-separator.json"},{"name":"line-chart","title":"LineChart","description":"Multi-series line chart with data points","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/line-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/line-chart.json","copy_url":"https://aniui.dev/r/line-chart.json"},{"name":"list","title":"List","description":"Styled list items","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/list.json","copy_url":"https://aniui.dev/r/list.json"},{"name":"login","title":"LoginScreen","description":"Email/password login with social sign-in","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/login.json","install_command":"npx shadcn@latest add https://aniui.dev/r/login.json","copy_url":"https://aniui.dev/r/login.json"},{"name":"masked-input","title":"MaskedInput","description":"Text input with mask formatting for credit cards, phones, dates","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/masked-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/masked-input.json","copy_url":"https://aniui.dev/r/masked-input.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar with dropdown menus: Menubar, MenubarMenu, MenubarItem","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/menubar.json","copy_url":"https://aniui.dev/r/menubar.json"},{"name":"notifications","title":"NotificationsScreen","description":"Grouped notifications list with unread indicators","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/notifications.json","install_command":"npx shadcn@latest add https://aniui.dev/r/notifications.json","copy_url":"https://aniui.dev/r/notifications.json"},{"name":"number-input","title":"NumberInput","description":"Numeric input with increment/decrement buttons and min/max","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/number-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/number-input.json","copy_url":"https://aniui.dev/r/number-input.json"},{"name":"onboarding","title":"OnboardingScreen","description":"Welcome carousel with step indicators and skip option","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/onboarding.json","install_command":"npx shadcn@latest add https://aniui.dev/r/onboarding.json","copy_url":"https://aniui.dev/r/onboarding.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with numbered buttons and prev/next","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pagination.json","copy_url":"https://aniui.dev/r/pagination.json"},{"name":"password-input","title":"PasswordInput","description":"Password input with show/hide toggle and strength indicator","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/password-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/password-input.json","copy_url":"https://aniui.dev/r/password-input.json"},{"name":"phone-input","title":"PhoneInput","description":"Phone number input with country code selector","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/phone-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/phone-input.json","copy_url":"https://aniui.dev/r/phone-input.json"},{"name":"pie-chart","title":"PieChart","description":"Pie and donut chart with segments","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/pie-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pie-chart.json","copy_url":"https://aniui.dev/r/pie-chart.json"},{"name":"popover","title":"Popover","description":"Contextual overlay with trigger positioning","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/popover.json","install_command":"npx shadcn@latest add https://aniui.dev/r/popover.json","copy_url":"https://aniui.dev/r/popover.json"},{"name":"price","title":"Price","description":"Formatted currency display with locale and strikethrough support","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/price.json","install_command":"npx shadcn@latest add https://aniui.dev/r/price.json","copy_url":"https://aniui.dev/r/price.json"},{"name":"pricing","title":"PricingScreen","description":"Subscription plan selector with monthly/yearly toggle","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/pricing.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pricing.json","copy_url":"https://aniui.dev/r/pricing.json"},{"name":"product-detail","title":"ProductDetailScreen","description":"Product detail with size selector, quantity picker, and CTA","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/product-detail.json","install_command":"npx shadcn@latest add https://aniui.dev/r/product-detail.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/product-list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/product-list.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/profile.json","install_command":"npx shadcn@latest add https://aniui.dev/r/profile.json","copy_url":"https://aniui.dev/r/profile.json"},{"name":"progress","title":"Progress","description":"Progress bar","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/progress.json","install_command":"npx shadcn@latest add https://aniui.dev/r/progress.json","copy_url":"https://aniui.dev/r/progress.json"},{"name":"progress-steps","title":"ProgressSteps","description":"Multi-step progress indicator for wizards and onboarding","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/progress-steps.json","install_command":"npx shadcn@latest add https://aniui.dev/r/progress-steps.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/prompt-input.json","copy_url":"https://aniui.dev/r/prompt-input.json"},{"name":"radar-chart","title":"RadarChart","description":"Radar/spider chart with polygon grid","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/radar-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radar-chart.json","copy_url":"https://aniui.dev/r/radar-chart.json"},{"name":"radial-chart","title":"RadialChart","description":"Circular radial progress chart","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/radial-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radial-chart.json","copy_url":"https://aniui.dev/r/radial-chart.json"},{"name":"radio-group","title":"RadioGroup","description":"Radio button group","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radio-group.json","copy_url":"https://aniui.dev/r/radio-group.json"},{"name":"rating","title":"Rating","description":"Star rating with interactive and read-only modes","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/rating.json","install_command":"npx shadcn@latest add https://aniui.dev/r/rating.json","copy_url":"https://aniui.dev/r/rating.json"},{"name":"refresh-control","title":"RefreshControl","description":"Themed pull-to-refresh control for ScrollView and FlatList","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/refresh-control.json","install_command":"npx shadcn@latest add https://aniui.dev/r/refresh-control.json","copy_url":"https://aniui.dev/r/refresh-control.json"},{"name":"safe-area","title":"SafeArea","description":"Styled SafeAreaView wrapper with theme variants","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/safe-area.json","install_command":"npx shadcn@latest add https://aniui.dev/r/safe-area.json","copy_url":"https://aniui.dev/r/safe-area.json"},{"name":"search","title":"SearchScreen","description":"Search screen with recent searches, trending, and live results","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/search.json","install_command":"npx shadcn@latest add https://aniui.dev/r/search.json","copy_url":"https://aniui.dev/r/search.json"},{"name":"search-bar","title":"SearchBar","description":"Search input with icon, clear button, and cancel","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/search-bar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/search-bar.json","copy_url":"https://aniui.dev/r/search-bar.json"},{"name":"segmented-control","title":"SegmentedControl","description":"iOS-style segmented control for view switching","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://aniui.dev/r/segmented-control.json","copy_url":"https://aniui.dev/r/segmented-control.json"},{"name":"select","title":"Select","description":"Dropdown select with search support","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/select.json","install_command":"npx shadcn@latest add https://aniui.dev/r/select.json","copy_url":"https://aniui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visual divider","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/separator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/separator.json","copy_url":"https://aniui.dev/r/separator.json"},{"name":"settings","title":"SettingsScreen","description":"Settings screen with toggles, navigation rows, and danger zone","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/settings.json","install_command":"npx shadcn@latest add https://aniui.dev/r/settings.json","copy_url":"https://aniui.dev/r/settings.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible animated side navigation panel: SidebarProvider, Sidebar, SidebarTrigger, useSidebar","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/sidebar.json","copy_url":"https://aniui.dev/r/sidebar.json"},{"name":"signup","title":"SignUpScreen","description":"Registration with name, email, password, and terms checkbox","type":"registry:block","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/signup.json","install_command":"npx shadcn@latest add https://aniui.dev/r/signup.json","copy_url":"https://aniui.dev/r/signup.json"},{"name":"skeleton","title":"Skeleton","description":"Animated loading placeholder","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://aniui.dev/r/skeleton.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/slide-to-confirm.json","install_command":"npx shadcn@latest add https://aniui.dev/r/slide-to-confirm.json","copy_url":"https://aniui.dev/r/slide-to-confirm.json"},{"name":"slider","title":"Slider","description":"Draggable slider for numeric values","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/slider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/slider.json","copy_url":"https://aniui.dev/r/slider.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner with sizes","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/spinner.json","copy_url":"https://aniui.dev/r/spinner.json"},{"name":"stat-card","title":"StatCard","description":"KPI display card with value, trend indicator, and change percentage","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/stat-card.json","copy_url":"https://aniui.dev/r/stat-card.json"},{"name":"status-indicator","title":"StatusIndicator","description":"Colored dot for online/offline/away/busy status","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/status-indicator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/status-indicator.json","copy_url":"https://aniui.dev/r/status-indicator.json"},{"name":"stepper","title":"Stepper","description":"Numeric increment/decrement control with min/max/step","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/stepper.json","install_command":"npx shadcn@latest add https://aniui.dev/r/stepper.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/streaming-text.json","install_command":"npx shadcn@latest add https://aniui.dev/r/streaming-text.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/swipe-deck.json","install_command":"npx shadcn@latest add https://aniui.dev/r/swipe-deck.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/swipeable-list-item.json","install_command":"npx shadcn@latest add https://aniui.dev/r/swipeable-list-item.json","copy_url":"https://aniui.dev/r/swipeable-list-item.json"},{"name":"switch","title":"Switch","description":"Toggle switch","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/switch.json","install_command":"npx shadcn@latest add https://aniui.dev/r/switch.json","copy_url":"https://aniui.dev/r/switch.json"},{"name":"tab-bar","title":"TabBar","description":"Bottom tab bar with badge support and active states","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/tab-bar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tab-bar.json","copy_url":"https://aniui.dev/r/tab-bar.json"},{"name":"table","title":"Table","description":"Data table with header, body, rows, and cells","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/table.json","install_command":"npx shadcn@latest add https://aniui.dev/r/table.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tabs.json","copy_url":"https://aniui.dev/r/tabs.json"},{"name":"text","title":"Text","description":"Typography with heading and body variants","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/text.json","install_command":"npx shadcn@latest add https://aniui.dev/r/text.json","copy_url":"https://aniui.dev/r/text.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text input","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://aniui.dev/r/textarea.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/theme.json","install_command":"npx shadcn@latest add https://aniui.dev/r/theme.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/theme-provider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/theme-provider.json","copy_url":"https://aniui.dev/r/theme-provider.json"},{"name":"timeline","title":"Timeline","description":"Vertical timeline for events, order tracking, activity feeds","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/timeline.json","install_command":"npx shadcn@latest add https://aniui.dev/r/timeline.json","copy_url":"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","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/toast.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toast.json","copy_url":"https://aniui.dev/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Two-state toggle button","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toggle.json","copy_url":"https://aniui.dev/r/toggle.json"},{"name":"toggle-group","title":"ToggleGroup","description":"Group of exclusive toggle buttons","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toggle-group.json","copy_url":"https://aniui.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Accessible tooltip with positioning","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tooltip.json","copy_url":"https://aniui.dev/r/tooltip.json"},{"name":"typing-indicator","title":"TypingIndicator","description":"Animated typing dots for chat interfaces","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/typing-indicator.json","copy_url":"https://aniui.dev/r/typing-indicator.json"},{"name":"utils","title":"cn utility","description":"Tailwind class-merge helper (clsx + tailwind-merge).","type":"registry:lib","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/utils.json","install_command":"npx shadcn@latest add https://aniui.dev/r/utils.json","copy_url":"https://aniui.dev/r/utils.json"},{"name":"waveform","title":"Waveform","description":"Audio waveform bars — driven by real amplitude levels, with an ambient recording fallback","type":"registry:ui","tags":["accessibility","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"source_url":"https://aniui.dev/r/waveform.json","install_command":"npx shadcn@latest add https://aniui.dev/r/waveform.json","copy_url":"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":["recently-updated"],"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.vercel.app/registry/threecn","markdown":"https://sh4dcn.vercel.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":56,"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/scene-container.json","install_command":"npx shadcn@latest add https://threecn.dev/r/scene-container.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/particle-field.json","install_command":"npx shadcn@latest add https://threecn.dev/r/particle-field.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/product-viewer.json","install_command":"npx shadcn@latest add https://threecn.dev/r/product-viewer.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/floating-card-3d.json","install_command":"npx shadcn@latest add https://threecn.dev/r/floating-card-3d.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/text-3d.json","install_command":"npx shadcn@latest add https://threecn.dev/r/text-3d.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/product-showcase.json","install_command":"npx shadcn@latest add https://threecn.dev/r/product-showcase.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/globe.json","install_command":"npx shadcn@latest add https://threecn.dev/r/globe.json","copy_url":"https://threecn.dev/r/globe.json"},{"name":"wave-terrain","title":"WaveTerrain","description":"An undulating wireframe terrain in perspective, drawn with --primary.","type":"registry:ui","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/wave-terrain.json","install_command":"npx shadcn@latest add https://threecn.dev/r/wave-terrain.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/crystal.json","install_command":"npx shadcn@latest add https://threecn.dev/r/crystal.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/halo.json","install_command":"npx shadcn@latest add https://threecn.dev/r/halo.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/dna-helix.json","install_command":"npx shadcn@latest add https://threecn.dev/r/dna-helix.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/vortex.json","install_command":"npx shadcn@latest add https://threecn.dev/r/vortex.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/aurora-ribbons.json","install_command":"npx shadcn@latest add https://threecn.dev/r/aurora-ribbons.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/network-graph.json","install_command":"npx shadcn@latest add https://threecn.dev/r/network-graph.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/metaballs.json","install_command":"npx shadcn@latest add https://threecn.dev/r/metaballs.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/cube-wave.json","install_command":"npx shadcn@latest add https://threecn.dev/r/cube-wave.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/iso-city.json","install_command":"npx shadcn@latest add https://threecn.dev/r/iso-city.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/warp-tunnel.json","install_command":"npx shadcn@latest add https://threecn.dev/r/warp-tunnel.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/phyllotaxis.json","install_command":"npx shadcn@latest add https://threecn.dev/r/phyllotaxis.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/strange-attractor.json","install_command":"npx shadcn@latest add https://threecn.dev/r/strange-attractor.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/curl-flow.json","install_command":"npx shadcn@latest add https://threecn.dev/r/curl-flow.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/cloth.json","install_command":"npx shadcn@latest add https://threecn.dev/r/cloth.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/boids.json","install_command":"npx shadcn@latest add https://threecn.dev/r/boids.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/voronoi-shatter.json","install_command":"npx shadcn@latest add https://threecn.dev/r/voronoi-shatter.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/tesseract.json","install_command":"npx shadcn@latest add https://threecn.dev/r/tesseract.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/pendulum-wave.json","install_command":"npx shadcn@latest add https://threecn.dev/r/pendulum-wave.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/pitch-momentum.json","install_command":"npx shadcn@latest add https://threecn.dev/r/pitch-momentum.json","copy_url":"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","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"source_url":"https://threecn.dev/r/world-cup.json","install_command":"npx shadcn@latest add https://threecn.dev/r/world-cup.json","copy_url":"https://threecn.dev/r/world-cup.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.vercel.app/registry/vllnt-ui","markdown":"https://sh4dcn.vercel.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":7,"open_issues":6,"last_commit":"2026-07-17T14:03: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","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"],"source_url":"https://ui.vllnt.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/accordion.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/activity-heatmap.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/activity-log.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/activity-log.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/agent-activity.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/agent-activity.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/ai-artifact.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-artifact.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/ai-sidebar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-sidebar.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/alert.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert-dialog.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/alert-pulse.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert-pulse.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/anchor-port.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/anchor-port.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-beam.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-beam.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-list.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-tabs.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-testimonials.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-text.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-tooltip.json","copy_url":"https://ui.vllnt.com/r/animated-tooltip.json"},{"name":"annotation","title":"Annotation","description":"Inline highlight with an attached contextual note.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/annotation.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/annotation.json","copy_url":"https://ui.vllnt.com/r/annotation.json"},{"name":"area-chart","title":"Area Chart","description":"Renders an area chart for data visualization.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/area-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/aspect-ratio.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/auto-reload.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/auto-reload.json","copy_url":"https://ui.vllnt.com/r/auto-reload.json"},{"name":"avatar","title":"Avatar","description":"Displays a user avatar image with fallback initials.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/avatar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/avatar-group.json","copy_url":"https://ui.vllnt.com/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"Small status label with variant styles.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/badge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/banner.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/banner.json","copy_url":"https://ui.vllnt.com/r/banner.json"},{"name":"bar-chart","title":"Bar Chart","description":"Renders a bar chart for data visualization.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bar-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bento-grid.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/blog-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/blog-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/blur-reveal.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/blur-reveal.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/border-beam.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/border-beam.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/bottom-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bottom-bar.json","copy_url":"https://ui.vllnt.com/r/bottom-bar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation breadcrumb trail showing the current page hierarchy.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/breadcrumb.json","copy_url":"https://ui.vllnt.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Interactive button with multiple variants and sizes.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/button.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/button-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/button-group.json","copy_url":"https://ui.vllnt.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"Date picker calendar for selecting dates.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/calendar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/callout.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/callout.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/candlestick-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/canvas-shell.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/canvas-shell.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/canvas-view.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/canvas-view.json","copy_url":"https://ui.vllnt.com/r/canvas-view.json"},{"name":"card","title":"Card","description":"Container with header, content, and footer sections.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/card-flip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/card-flip.json","copy_url":"https://ui.vllnt.com/r/card-flip.json"},{"name":"carousel","title":"Carousel","description":"Scrollable content carousel with navigation controls.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/carousel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/carousel.json","copy_url":"https://ui.vllnt.com/r/carousel.json"},{"name":"category-filter","title":"Category Filter","description":"Filterable category selection for content lists.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/category-filter.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/category-filter.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"https://ui.vllnt.com/r/chat-dock-section.json"},{"name":"checkbox","title":"Checkbox","description":"Toggle control for boolean input.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checkbox.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checkbox-group.json","copy_url":"https://ui.vllnt.com/r/checkbox-group.json"},{"name":"checklist","title":"Checklist","description":"Interactive checklist with progress tracking and toggleable items.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/checklist.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checklist.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/choropleth-map.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/choropleth-map.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/chronological-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/chronological-timeline.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/civilization-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/civilization-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/code-block.json","copy_url":"https://ui.vllnt.com/r/code-block.json"},{"name":"code-playground","title":"Code Playground","description":"Interactive code editor with live preview.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/code-playground.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/code-playground.json","copy_url":"https://ui.vllnt.com/r/code-playground.json"},{"name":"collapsible","title":"Collapsible","description":"Expandable and collapsible content section.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/collapsible.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/color-picker.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/combobox.json","copy_url":"https://ui.vllnt.com/r/combobox.json"},{"name":"command","title":"Command","description":"Command palette with search, groups, and keyboard navigation.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/command.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/command.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/comment-pin.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/comment-pin.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/comparison.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/completion-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/completion-dialog.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/connector-edge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/connector-edge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/content-intro.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/content-intro.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/context-lens.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/context-lens.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/context-menu.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/contribution-graph.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/conversation-thread.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/conversation-thread.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/cookie-consent.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/copy-button.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/countdown-timer.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/credit-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/credit-badge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/curriculum.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/curriculum.json","copy_url":"https://ui.vllnt.com/r/curriculum.json"},{"name":"cursor","title":"Cursor","description":"Custom cursor follower that trails the pointer.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/cursor.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/cursor.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/data-list.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/data-list.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/data-table.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/date-field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/date-field.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/date-picker.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dialog.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/display.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/display.json","copy_url":"https://ui.vllnt.com/r/display.json"},{"name":"dock","title":"Dock","description":"macOS-style dock whose icons magnify near the pointer.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dock.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/dot-pattern.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dot-pattern.json","copy_url":"https://ui.vllnt.com/r/dot-pattern.json"},{"name":"drawer","title":"Drawer","description":"Slide-out panel anchored to the screen edge.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/drawer.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/drawer.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dropdown-menu.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/edge-label.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/edge-label.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/empty-state.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/era-comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/era-comparison.json","copy_url":"https://ui.vllnt.com/r/era-comparison.json"},{"name":"exercise","title":"Exercise","description":"Interactive exercise block for learning content.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/exercise.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/exercise.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/expandable-cards.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/expandable-cards.json","copy_url":"https://ui.vllnt.com/r/expandable-cards.json"},{"name":"faq","title":"FAQ","description":"Frequently asked questions section with expandable answers.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/faq.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/faq.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/field.json","copy_url":"https://ui.vllnt.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"Groups related fields under a shared legend.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/fieldset.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/fieldset.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/file-upload.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/filter-bar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/flashcard.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/flashcard.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/floating-navbar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/floating-toolbar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/flow-diagram.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/flow-diagram.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/follow-mode.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/follow-mode.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/form.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/form.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/gantt-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/gantt-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/gauge-chart.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/glass-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/glass-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-panel.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/glass-progress.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-progress.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/globe-3d.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/globe-3d.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/grid.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/group-hull.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/group-hull.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/handoff-beacon.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/handoff-beacon.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/heading.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/heading.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/heat-overlay.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/heat-overlay.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/historic-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/historic-timeline.json","copy_url":"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","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"],"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","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/hover-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/infinite-plane.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/infinite-plane.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/inline-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/inline-input.json","copy_url":"https://ui.vllnt.com/r/inline-input.json"},{"name":"input","title":"Input","description":"Text input field for forms.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/input-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input-group.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input-otp.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/interactive-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/interactive-timeline.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/item.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/item.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/jarvis-dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/jarvis-dock.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/kbd.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/key-concept.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/key-concept.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/knowledge-check.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/knowledge-check.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/label.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/label.json","copy_url":"https://ui.vllnt.com/r/label.json"},{"name":"lang-provider","title":"Lang Provider","description":"Context provider for language and internationalization.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/lang-provider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/lang-provider.json","copy_url":"https://ui.vllnt.com/r/lang-provider.json"},{"name":"learning-objectives","title":"Learning Objectives","description":"Lists learning goals for educational content.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/learning-objectives.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/learning-objectives.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/left-rail.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/left-rail.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/line-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/link.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/link.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/liquid-glass.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/list-box.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/list-box.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/live-cursor.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/live-cursor.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/live-feed.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/live-feed.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/magnetic.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/magnetic.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/magnetic-button.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/map-2d.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/map-2d.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/map-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/map-timeline.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/market-treemap.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/market-treemap.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/marquee.json","copy_url":"https://ui.vllnt.com/r/marquee.json"},{"name":"mdx-content","title":"MDX Content","description":"Renders MDX content with component mapping.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/mdx-content.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/mdx-content.json","copy_url":"https://ui.vllnt.com/r/mdx-content.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar with dropdown menus.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/menubar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/menubar.json","copy_url":"https://ui.vllnt.com/r/menubar.json"},{"name":"meteors","title":"Meteors","description":"Decorative meteor shower of streaks falling across the background.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/meteors.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/meteors.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/meter.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/meter.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/metric-cluster.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/metric-cluster.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/metric-gauge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/metric-gauge.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/model-comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/model-comparison.json","copy_url":"https://ui.vllnt.com/r/model-comparison.json"},{"name":"model-selector","title":"Model Selector","description":"Dropdown selector for choosing AI models.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/model-selector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/model-selector.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/multi-select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/multi-select.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/native-select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/native-select.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/navbar-saas.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/navbar-saas.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/navigation-menu.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/newsletter-signup.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/number-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/number-input.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/number-ticker.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/object-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/object-handle.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-handle.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/object-inspector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-inspector.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/order-book.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/order-book.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/overview-board.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/overview-board.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pagination.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/panel.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/parallel-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/parallel-timeline.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/particles.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/particles.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/password-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/password-input.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/phone-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/phone-input.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pie-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/plan-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/plan-badge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/playback-ghost.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/playback-ghost.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/popover.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/presence-stack.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/presence-stack.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/pricing-table.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pricing-table.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/pro-tip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pro-tip.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/profile-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/profile-section.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-bar.json","copy_url":"https://ui.vllnt.com/r/progress-bar.json"},{"name":"progress-card","title":"Progress Card","description":"Card displaying progress metrics and status.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/progress-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/progress-tracker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-tracker.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progressive-blur.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prompt-input.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/prompt-templates.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prompt-templates.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/property-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/property-section.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/prose.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prose.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/qr-code.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/qr-code.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/quiz.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/quiz.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/radar-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/radio-group.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/range-calendar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/range-calendar.json","copy_url":"https://ui.vllnt.com/r/range-calendar.json"},{"name":"rating","title":"Rating","description":"Inline star rating for lightweight learner feedback.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/rating.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/rating.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/reasoning.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/reasoning.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/relationship-inspector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/relationship-inspector.json","copy_url":"https://ui.vllnt.com/r/relationship-inspector.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel layout with draggable handles.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/resizable.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/resizable.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/reveal-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/reveal-text.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/right-dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/right-dock.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/role-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/role-badge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/route-map.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/route-map.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/run-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/run-timeline.json","copy_url":"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","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"],"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","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sankey-chart.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/scope-selector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scope-selector.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scramble-text.json","copy_url":"https://ui.vllnt.com/r/scramble-text.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scrollable area with styled scrollbars.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scroll-area.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scroll-progress.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/search-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-bar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/search-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-dialog.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/search-field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-field.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/segmented-control.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/select.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/selection-halo.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/selection-halo.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/selection-presence.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/selection-presence.json","copy_url":"https://ui.vllnt.com/r/selection-presence.json"},{"name":"separator","title":"Separator","description":"Visual divider between content sections.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/separator.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/separator.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/severity-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/severity-badge.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/share-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/share-dialog.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/share-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/share-section.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/sheet.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sheet.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/shimmer-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shimmer-button.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/shimmer-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shimmer-text.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/shine-border.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shine-border.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shiny-button.json","copy_url":"https://ui.vllnt.com/r/shiny-button.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible sidebar navigation layout.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/sidebar-provider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar-provider.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/sidebar-toggle.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar-toggle.json","copy_url":"https://ui.vllnt.com/r/sidebar-toggle.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder loading animation for content.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/skeleton.json","copy_url":"https://ui.vllnt.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Range slider input for selecting numeric values.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/slider.json","copy_url":"https://ui.vllnt.com/r/slider.json"},{"name":"slideshow","title":"Slideshow","description":"Step-through slideshow for presenting content sequentially.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/slideshow.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/slideshow.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/snap-guides.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/snap-guides.json","copy_url":"https://ui.vllnt.com/r/snap-guides.json"},{"name":"sparkles","title":"Sparkles","description":"Decorative twinkling sparkles scattered behind content.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/sparkles.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sparkles.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/sparkline-grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sparkline-grid.json","copy_url":"https://ui.vllnt.com/r/sparkline-grid.json"},{"name":"spinner","title":"Spinner","description":"Animated loading spinner indicator.","type":"registry:component","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"],"source_url":"https://ui.vllnt.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spinner.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/spinning-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spinning-text.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spotlight-card.json","copy_url":"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","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"],"source_url":"https://ui.vllnt.com/r/stat-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/stat-card.json","copy_url":"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","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"],"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","copy_url":"https://ui.vllnt.com/r/state-badge-overlay.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":["recently-updated"],"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.vercel.app/registry/grainly-icons","markdown":"https://sh4dcn.vercel.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":2,"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.vercel.app/registry/shadcnloaders","markdown":"https://sh4dcn.vercel.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 22 built-in animated variants (spinner, dots, bars, skeleton, DNA, matrix and more), Tailwind dark mode suppor…","type":"registry:ui","tags":["animation","loaders"],"categories":["Animated components"],"source_url":"https://shadcn-loaders.vercel.app/r/loader.json","install_command":"npx shadcn@latest add https://shadcn-loaders.vercel.app/r/loader.json","copy_url":"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","media","overlays","pro-available","tables"],"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.vercel.app/registry/shadcn-dashboard","markdown":"https://sh4dcn.vercel.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":206,"open_issues":0,"last_commit":"2026-07-24T12:38:48Z"},"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/product-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/product-card.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/ecommerce-action-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ecommerce-action-card.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-assets-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-assets-card.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/campaign-performance-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/campaign-performance-card.json","copy_url":"https://shadcndashboard.dev/r/campaign-performance-card.json"},{"name":"total-sales-card","title":"Card 05 - Total Sales Card","description":"Show total sales with revenue insights and growth percentages in a dashboard-friendly card. Helps teams monitor business performance in just one card.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-sales-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-sales-card.json","copy_url":"https://shadcndashboard.dev/r/total-sales-card.json"},{"name":"latest-products-card","title":"Card 06 - Latest Products Card","description":"List newly added products with important details in a compact and organized layout. Useful for inventory management, admin panels, and ecommerce applications.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/latest-products-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/latest-products-card.json","copy_url":"https://shadcndashboard.dev/r/latest-products-card.json"},{"name":"integrations-showcase-card","title":"Card 07 - Integrations Showcase Card","description":"List connected integrations in a hairline-divided grid with a count badge and a hover reveal arrow per row. Useful for settings pages, onboarding flows, and in…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/integrations-showcase-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/integrations-showcase-card.json","copy_url":"https://shadcndashboard.dev/r/integrations-showcase-card.json"},{"name":"contributor-groups-card","title":"Card 08 - Contributor Groups Card","description":"Group your community into contributors, affiliates, and infrastructure partners, each with a short description and its logo set. Useful for landing pages, abou…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/contributor-groups-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/contributor-groups-card.json","copy_url":"https://shadcndashboard.dev/r/contributor-groups-card.json"},{"name":"revenue-growth-card","title":"Card 09 - Revenue Growth Card","description":"Visualize revenue trends with a small chart and summary statistics in a focused analytics card. Designed for finance dashboards, SaaS reporting, and business i…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/revenue-growth-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-growth-card.json","copy_url":"https://shadcndashboard.dev/r/revenue-growth-card.json"},{"name":"product-carousel-card","title":"Card 10 - Product Carousel Card","description":"Browse featured products inside a swipeable carousel without leaving the dashboard. Works well for showcasing collections, recommendations, or promotional item…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/product-carousel-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/product-carousel-card.json","copy_url":"https://shadcndashboard.dev/r/product-carousel-card.json"},{"name":"ai-assistant-card","title":"Card 11 - AI Assistant Card","description":"Provide quick access to AI-powered suggestions, summaries, or assistant actions from a single card. Suitable for productivity apps, admin panels, and modern AI…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/ai-assistant-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-assistant-card.json","copy_url":"https://shadcndashboard.dev/r/ai-assistant-card.json"},{"name":"upcoming-events-card","title":"Card 12 - Upcoming Events Card","description":"Keep users informed about scheduled events with dates, times, and status details. Useful for calendars, event management platforms, and team workspaces.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/upcoming-events-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/upcoming-events-card.json","copy_url":"https://shadcndashboard.dev/r/upcoming-events-card.json"},{"name":"upcoming-appointments-card","title":"Card 13 - Upcoming Appointments Card","description":"Display upcoming appointments in an easy-to-read card with time, customer, and attendee details. Fits healthcare, booking systems, and CRM dashboards.","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/upcoming-appointments-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/upcoming-appointments-card.json","copy_url":"https://shadcndashboard.dev/r/upcoming-appointments-card.json"},{"name":"doctor-performance-card","title":"Card 14 - Doctor Performance Card","description":"Monitor doctors' availability, appointments, and rating metrics through a dedicated analytics card. Designed for healthcare dashboards and hospital management …","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/doctor-performance-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/doctor-performance-card.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/health-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/health-banner.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/school-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/school-banner.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sales-trend-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-trend-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-orders-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-orders-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sales-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-overview-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/customers-segmentation-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/customers-segmentation-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sales-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-distribution-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/saas-metrics-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/saas-metrics-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/platform-revenue-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/platform-revenue-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/revenue-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-distribution-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/key-insights-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/key-insights-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/monthly-sales-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/monthly-sales-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/revenue-growth-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-growth-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/order-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/order-overview-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/user-activity-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/user-activity-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-assets-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-assets-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-sales-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-sales-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/total-profit-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-profit-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/advertisement-cost-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/advertisement-cost-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/attendance-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/attendance-overview-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/fees-paid-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/fees-paid-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/fees-pending-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/fees-pending-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/grade-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/grade-distribution-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/staff-salary-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/staff-salary-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/bed-occupancy-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/bed-occupancy-chart.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/school-admissions-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/school-admissions-chart.json","copy_url":"https://shadcndashboard.dev/r/school-admissions-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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/greeting-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/greeting-banner.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/update-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/update-banner.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/analytics-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/analytics-banner.json","copy_url":"https://shadcndashboard.dev/r/analytics-banner.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/login-block-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-1.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/login-block-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-2.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/login-block-3.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-3.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/login-block-4.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-4.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/login-block-5.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-5.json","copy_url":"https://shadcndashboard.dev/r/login-block-5.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/signup-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/signup-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/signup-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/signup-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/signup-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-05.json","copy_url":"https://shadcndashboard.dev/r/signup-05.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/otp-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/otp-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/otp-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/otp-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/otp-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-05.json","copy_url":"https://shadcndashboard.dev/r/otp-05.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forgot-password-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forgot-password-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forgot-password-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forgot-password-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forgot-password-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-05.json","copy_url":"https://shadcndashboard.dev/r/forgot-password-05.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"https://shadcndashboard.dev/r/multi-step-form-04.json"},{"name":"dashboard-shell-03","title":"Dashboard Shell 01 - Modern Dashboard Shell","description":"Monitor business performance from a polished dashboard with KPI cards, charts, project tracking, and sales insights in one place. Great for admin panels, analy…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-03.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-03.json"},{"name":"dashboard-shell-01","title":"Dashboard Shell 02 - Analytic Dashboard Shell","description":"Analyze business metrics with revenue charts, campaign performance, product insights, and interactive data widgets. Built for SaaS analytics, CRM systems, and …","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-01.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-01.json"},{"name":"dashboard-shell-02","title":"Dashboard Shell 03 - Ecommerce Dashboard Shell","description":"Manage online store performance with sales metrics, customer insights, order tracking, and revenue reports from a single dashboard. Perfect for ecommerce platf…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-02.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-02.json"},{"name":"dashboard-shell-04","title":"Dashboard Shell 04 - SaaS AI Dashboard Shell","description":"Track AI business growth with subscription metrics, revenue analytics, automation insights, and AI powered workspace widgets. Designed for AI SaaS platforms, m…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-04.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-04.json"},{"name":"dashboard-shell-05","title":"Dashboard Shell 05 - School Dashboard Shell","description":"Manage students, attendance, fees, academic performance, and school activities through a structured education dashboard. Best suited for school management syst…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-05.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-05.json"},{"name":"dashboard-shell-06","title":"Dashboard Shell 06 - Health Management Dashboard Shell","description":"Oversee patient records, appointments, doctor performance, and hospital operations from a centralized healthcare dashboard. Suitable for hospitals, clinics, he…","type":"registry:block","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-shell-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-06.json","copy_url":"https://shadcndashboard.dev/r/dashboard-shell-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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-layout-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-layout-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-layout-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/application-shell-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/application-shell-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/application-shell-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/application-shell-02.json","copy_url":"https://shadcndashboard.dev/r/application-shell-02.json"},{"name":"table-03","title":"Table 01 - 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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-03.json","copy_url":"https://shadcndashboard.dev/r/table-03.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-02.json","copy_url":"https://shadcndashboard.dev/r/table-02.json"},{"name":"table-01","title":"Table 03 - 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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-01.json","copy_url":"https://shadcndashboard.dev/r/table-01.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-10.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-11.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-12.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/table-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-13.json","copy_url":"https://shadcndashboard.dev/r/table-13.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-01.json","copy_url":"https://shadcndashboard.dev/r/forms-01.json"},{"name":"forms-04","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-04.json","copy_url":"https://shadcndashboard.dev/r/forms-04.json"},{"name":"forms-05","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-05.json","copy_url":"https://shadcndashboard.dev/r/forms-05.json"},{"name":"forms-06","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-06.json","copy_url":"https://shadcndashboard.dev/r/forms-06.json"},{"name":"forms-07","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-07.json","copy_url":"https://shadcndashboard.dev/r/forms-07.json"},{"name":"forms-08","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-08.json","copy_url":"https://shadcndashboard.dev/r/forms-08.json"},{"name":"forms-09","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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/forms-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-10.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-11.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/datatable-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-12.json","copy_url":"https://shadcndashboard.dev/r/datatable-12.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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-09.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/sidebar-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-10.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/no-search-results.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/no-search-results.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/empty-chart-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/empty-chart-card.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"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","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-footer-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-1.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-footer-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-2.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/dashboard-footer-3.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-3.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/account-setting-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/account-setting-1.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/account-setting-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/account-setting-2.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/kanban-application-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/kanban-application-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/kanban-application-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/kanban-application-02.json","copy_url":"https://shadcndashboard.dev/r/kanban-application-02.json"},{"name":"animated-list-01","title":"Animated List 01 - Default","description":"Animated List component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-list-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-01.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-list-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-list-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-03.json","copy_url":"https://shadcndashboard.dev/r/animated-list-03.json"},{"name":"accordion-01","title":"Accordion-01 - Default","description":"Default accordion component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-01.json","copy_url":"https://shadcndashboard.dev/r/accordion-01.json"},{"name":"accordion-02","title":"Accordion-02 - Multi-level","description":"Multi-level accordion component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-02.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-03.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-05.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/accordion-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-07.json","copy_url":"https://shadcndashboard.dev/r/accordion-07.json"},{"name":"avatar-01","title":"Avatar-01 - Default","description":"Default avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-01.json","copy_url":"https://shadcndashboard.dev/r/avatar-01.json"},{"name":"avatar-02","title":"Avatar-02 - Group","description":"Group avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-02.json","copy_url":"https://shadcndashboard.dev/r/avatar-02.json"},{"name":"avatar-03","title":"Avatar-03 - Badge","description":"Badge avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-03.json","copy_url":"https://shadcndashboard.dev/r/avatar-03.json"},{"name":"avatar-04","title":"Avatar-04 - Border","description":"Border avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-04.json","copy_url":"https://shadcndashboard.dev/r/avatar-04.json"},{"name":"avatar-05","title":"Avatar-05 - Counter","description":"Counter avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-05.json","copy_url":"https://shadcndashboard.dev/r/avatar-05.json"},{"name":"avatar-06","title":"Avatar-06 - Fallback","description":"Fallback avatar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-06.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-07.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/avatar-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-08.json","copy_url":"https://shadcndashboard.dev/r/avatar-08.json"},{"name":"button-01","title":"Button-01 - With Icon","description":"With Icon button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-01.json","copy_url":"https://shadcndashboard.dev/r/button-01.json"},{"name":"button-02","title":"Button-02 - Shiny Text","description":"Shiny Text button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-02.json","copy_url":"https://shadcndashboard.dev/r/button-02.json"},{"name":"button-03","title":"Button-03 - Shine Hover","description":"Shine Hover button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-03.json","copy_url":"https://shadcndashboard.dev/r/button-03.json"},{"name":"button-04","title":"Button-04 - Heartbeat Effect","description":"Heartbeat Effect button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-04.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-05.json","copy_url":"https://shadcndashboard.dev/r/button-05.json"},{"name":"button-06","title":"Button-06 - Animated Border","description":"Animated Border button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-06.json","copy_url":"https://shadcndashboard.dev/r/button-06.json"},{"name":"button-07","title":"Button-07 - Social","description":"Social button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-07.json","copy_url":"https://shadcndashboard.dev/r/button-07.json"},{"name":"button-08","title":"Button-08 - Social Icon","description":"Social Icon button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-08.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-09.json","copy_url":"https://shadcndashboard.dev/r/button-09.json"},{"name":"button-10","title":"Button-10 - Save","description":"Save button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-10.json","copy_url":"https://shadcndashboard.dev/r/button-10.json"},{"name":"button-11","title":"Button-11 - Cancel","description":"Cancel button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-11.json","copy_url":"https://shadcndashboard.dev/r/button-11.json"},{"name":"button-12","title":"Button-12 - Default","description":"Default button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-12.json","copy_url":"https://shadcndashboard.dev/r/button-12.json"},{"name":"button-13","title":"Button-13 - Size xs","description":"Size xs button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-13.json","copy_url":"https://shadcndashboard.dev/r/button-13.json"},{"name":"button-14","title":"Button-14 - Size sm","description":"Size sm button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-14.json","copy_url":"https://shadcndashboard.dev/r/button-14.json"},{"name":"button-15","title":"Button-15 - Size lg","description":"Size lg button component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-15.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-16.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-16.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-17.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-17.json","copy_url":"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","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-18.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-18.json","copy_url":"https://shadcndashboard.dev/r/button-18.json"},{"name":"button-19","title":"Button-19 - Interactive Hover","description":"Interactive Hover button","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/button-19.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-19.json","copy_url":"https://shadcndashboard.dev/r/button-19.json"},{"name":"badge-01","title":"Badge-01 - Default","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-01.json","copy_url":"https://shadcndashboard.dev/r/badge-01.json"},{"name":"badge-02","title":"Badge-02 - Count","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-02.json","copy_url":"https://shadcndashboard.dev/r/badge-02.json"},{"name":"badge-03","title":"Badge-03 - Outline","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-03.json","copy_url":"https://shadcndashboard.dev/r/badge-03.json"},{"name":"badge-04","title":"Badge-04 - With Icon","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-04.json","copy_url":"https://shadcndashboard.dev/r/badge-04.json"},{"name":"badge-05","title":"Badge-05 - Link","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-05.json","copy_url":"https://shadcndashboard.dev/r/badge-05.json"},{"name":"badge-06","title":"Badge-06 - Error","description":"Badge component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-06.json","copy_url":"https://shadcndashboard.dev/r/badge-06.json"},{"name":"badge-07","title":"Badge-07 - Success","description":"Animated success badge with top glow and letter-by-letter reveal","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-07.json","copy_url":"https://shadcndashboard.dev/r/badge-07.json"},{"name":"badge-08","title":"Badge-08 - Pending","description":"Animated pending badge with spinning loader and top glow","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-08.json","copy_url":"https://shadcndashboard.dev/r/badge-08.json"},{"name":"badge-09","title":"Badge-09 - Failed","description":"Animated failed badge with top glow and letter-by-letter reveal","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/badge-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-09.json","copy_url":"https://shadcndashboard.dev/r/badge-09.json"},{"name":"calendar-01","title":"Calendar-01 - Standard calendar","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-01.json","copy_url":"https://shadcndashboard.dev/r/calendar-01.json"},{"name":"calendar-02","title":"Calendar-02 - Style calendar","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-02.json","copy_url":"https://shadcndashboard.dev/r/calendar-02.json"},{"name":"calendar-03","title":"Calendar-03 - Time calendar","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-03.json","copy_url":"https://shadcndashboard.dev/r/calendar-03.json"},{"name":"calendar-04","title":"Calendar-04 - Dialog calendar","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-04.json","copy_url":"https://shadcndashboard.dev/r/calendar-04.json"},{"name":"calendar-05","title":"Calendar-05 - Month and Year Select","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-05.json","copy_url":"https://shadcndashboard.dev/r/calendar-05.json"},{"name":"calendar-06","title":"Calendar-06 - Disable Weekends","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-06.json","copy_url":"https://shadcndashboard.dev/r/calendar-06.json"},{"name":"calendar-07","title":"Calendar-07 - Variable Size","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-07.json","copy_url":"https://shadcndashboard.dev/r/calendar-07.json"},{"name":"calendar-08","title":"Calendar-08 - With Event List","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-08.json","copy_url":"https://shadcndashboard.dev/r/calendar-08.json"},{"name":"calendar-09","title":"Calendar-09 - Custom Range Select","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-09.json","copy_url":"https://shadcndashboard.dev/r/calendar-09.json"},{"name":"calendar-10","title":"Calendar-10 - Right Side Navigation","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-10.json","copy_url":"https://shadcndashboard.dev/r/calendar-10.json"},{"name":"calendar-11","title":"Calendar-11 - Left Side Navigation","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-11.json","copy_url":"https://shadcndashboard.dev/r/calendar-11.json"},{"name":"calendar-12","title":"Calendar-12 - With Today Button","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-12.json","copy_url":"https://shadcndashboard.dev/r/calendar-12.json"},{"name":"calendar-13","title":"Calendar-13 - With Date Input","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-13.json","copy_url":"https://shadcndashboard.dev/r/calendar-13.json"},{"name":"calendar-14","title":"Calendar-14 - Range Selection","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-14.json","copy_url":"https://shadcndashboard.dev/r/calendar-14.json"},{"name":"calendar-15","title":"Calendar-15 - With Pricing","description":"Calendar component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/calendar-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/calendar-15.json","copy_url":"https://shadcndashboard.dev/r/calendar-15.json"},{"name":"tooltip-01","title":"Tooltip-01 - Hover Blog Card","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-01.json","copy_url":"https://shadcndashboard.dev/r/tooltip-01.json"},{"name":"tooltip-02","title":"Tooltip-02 - Content Tooltip","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-02.json","copy_url":"https://shadcndashboard.dev/r/tooltip-02.json"},{"name":"tooltip-03","title":"Tooltip-03 - Animated Tooltip","description":"Animated Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-03.json","copy_url":"https://shadcndashboard.dev/r/tooltip-03.json"},{"name":"tooltip-04","title":"Tooltip-04 - Rounded Tooltip","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-04.json","copy_url":"https://shadcndashboard.dev/r/tooltip-04.json"},{"name":"tooltip-05","title":"Tooltip-05 - Tooltip Position","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-05.json","copy_url":"https://shadcndashboard.dev/r/tooltip-05.json"},{"name":"tooltip-06","title":"Tooltip-06 - Avatar Tooltip","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-06.json","copy_url":"https://shadcndashboard.dev/r/tooltip-06.json"},{"name":"tooltip-07","title":"Tooltip-07 - Error Tooltip","description":"Tooltip component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/tooltip-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/tooltip-07.json","copy_url":"https://shadcndashboard.dev/r/tooltip-07.json"},{"name":"animated-text-01","title":"Animated Text-01 - Shiny Text","description":"Animated Text component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-text-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-text-01.json","copy_url":"https://shadcndashboard.dev/r/animated-text-01.json"},{"name":"animated-text-02","title":"Animated Text-02 - Gradient Text","description":"Animated Gradient Text component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-text-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-text-02.json","copy_url":"https://shadcndashboard.dev/r/animated-text-02.json"},{"name":"animated-text-03","title":"Animated Text-03 - Typing","description":"Animated Typing component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-text-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-text-03.json","copy_url":"https://shadcndashboard.dev/r/animated-text-03.json"},{"name":"animated-text-04","title":"Animated Text-04 - Rolling Text","description":"Animated Rolling Text component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-text-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-text-04.json","copy_url":"https://shadcndashboard.dev/r/animated-text-04.json"},{"name":"animated-text-05","title":"Animated Text-05 - Shimmer Text","description":"Animated Shimmer Text component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/animated-text-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-text-05.json","copy_url":"https://shadcndashboard.dev/r/animated-text-05.json"},{"name":"input-01","title":"Input-01 - Input with date","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-01.json","copy_url":"https://shadcndashboard.dev/r/input-01.json"},{"name":"input-02","title":"Input-02 - Input with time","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-02.json","copy_url":"https://shadcndashboard.dev/r/input-02.json"},{"name":"input-03","title":"Input-03 - Input with currency","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-03.json","copy_url":"https://shadcndashboard.dev/r/input-03.json"},{"name":"input-04","title":"Input-04 - Real Time Validation","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-04.json","copy_url":"https://shadcndashboard.dev/r/input-04.json"},{"name":"input-05","title":"Input-05 - Input with start select","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-05.json","copy_url":"https://shadcndashboard.dev/r/input-05.json"},{"name":"input-06","title":"Input-06 - Input with character counter","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-06.json","copy_url":"https://shadcndashboard.dev/r/input-06.json"},{"name":"input-07","title":"Input-07 - Input with controls","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-07.json","copy_url":"https://shadcndashboard.dev/r/input-07.json"},{"name":"input-08","title":"Input-08 - Input with add-ons","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-08.json","copy_url":"https://shadcndashboard.dev/r/input-08.json"},{"name":"input-09","title":"Input-09 - Input with floating label","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-09.json","copy_url":"https://shadcndashboard.dev/r/input-09.json"},{"name":"input-10","title":"Input-10 - Input with clear button","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-10.json","copy_url":"https://shadcndashboard.dev/r/input-10.json"},{"name":"input-11","title":"Input-11 - Input with end inline button","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-11.json","copy_url":"https://shadcndashboard.dev/r/input-11.json"},{"name":"input-12","title":"Input-12 - Input with end button","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-12.json","copy_url":"https://shadcndashboard.dev/r/input-12.json"},{"name":"input-13","title":"Input-13 - Input with file","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-13.json","copy_url":"https://shadcndashboard.dev/r/input-13.json"},{"name":"input-14","title":"Input-14 - Input with error","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-14.json","copy_url":"https://shadcndashboard.dev/r/input-14.json"},{"name":"input-15","title":"Input-15 - Required Input","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-15.json","copy_url":"https://shadcndashboard.dev/r/input-15.json"},{"name":"input-16","title":"Input-16 - Standard Input","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-16.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-16.json","copy_url":"https://shadcndashboard.dev/r/input-16.json"},{"name":"input-17","title":"Input-17 - Input with label","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-17.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-17.json","copy_url":"https://shadcndashboard.dev/r/input-17.json"},{"name":"input-18","title":"Input-18 - Disabled","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-18.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-18.json","copy_url":"https://shadcndashboard.dev/r/input-18.json"},{"name":"input-19","title":"Input-19 - With Animated Checkmark","description":"Input component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/input-19.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/input-19.json","copy_url":"https://shadcndashboard.dev/r/input-19.json"},{"name":"textarea-01","title":"Textarea-01 - Feedback Textarea","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-01.json","copy_url":"https://shadcndashboard.dev/r/textarea-01.json"},{"name":"textarea-02","title":"Textarea-02 - Textarea with icon","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-02.json","copy_url":"https://shadcndashboard.dev/r/textarea-02.json"},{"name":"textarea-03","title":"Textarea-03 - Required Textarea","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-03.json","copy_url":"https://shadcndashboard.dev/r/textarea-03.json"},{"name":"textarea-04","title":"Textarea-04 - Textarea with button","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-04.json","copy_url":"https://shadcndashboard.dev/r/textarea-04.json"},{"name":"textarea-05","title":"Textarea-05 - Auto growing textarea","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-05.json","copy_url":"https://shadcndashboard.dev/r/textarea-05.json"},{"name":"textarea-06","title":"Textarea-06 - Textarea with characters left","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-06.json","copy_url":"https://shadcndashboard.dev/r/textarea-06.json"},{"name":"textarea-07","title":"Textarea-07 - Textarea with floating label","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-07.json","copy_url":"https://shadcndashboard.dev/r/textarea-07.json"},{"name":"textarea-08","title":"Textarea-08 - Textarea with helper text","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-08.json","copy_url":"https://shadcndashboard.dev/r/textarea-08.json"},{"name":"textarea-09","title":"Textarea-09 - Disabled Textarea","description":"Textarea component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/textarea-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/textarea-09.json","copy_url":"https://shadcndashboard.dev/r/textarea-09.json"},{"name":"select-01","title":"Select-01 - Required select","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-01.json","copy_url":"https://shadcndashboard.dev/r/select-01.json"},{"name":"select-02","title":"Select-02 - Select with icon","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-02.json","copy_url":"https://shadcndashboard.dev/r/select-02.json"},{"name":"select-03","title":"Select-03 - Select with status","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-03.json","copy_url":"https://shadcndashboard.dev/r/select-03.json"},{"name":"select-04","title":"Select-04 - Select with timezone","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-04.json","copy_url":"https://shadcndashboard.dev/r/select-04.json"},{"name":"select-05","title":"Select-05 - Select with overlapping label","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-05.json","copy_url":"https://shadcndashboard.dev/r/select-05.json"},{"name":"select-06","title":"Select-06 - Select with multiple options","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-06.json","copy_url":"https://shadcndashboard.dev/r/select-06.json"},{"name":"select-07","title":"Select-07 - Select with avatars","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-07.json","copy_url":"https://shadcndashboard.dev/r/select-07.json"},{"name":"select-08","title":"Select-08 - Select with leading text","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-08.json","copy_url":"https://shadcndashboard.dev/r/select-08.json"},{"name":"select-09","title":"Select-09 - Select with separator","description":"Select component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/select-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/select-09.json","copy_url":"https://shadcndashboard.dev/r/select-09.json"},{"name":"checkbox-01","title":"Checkbox-01 - Checkbox with sizes","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-01.json","copy_url":"https://shadcndashboard.dev/r/checkbox-01.json"},{"name":"checkbox-02","title":"Checkbox-02 - Checkbox with vertical group","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-02.json","copy_url":"https://shadcndashboard.dev/r/checkbox-02.json"},{"name":"checkbox-03","title":"Checkbox-03 - Checkbox with colors","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-03.json","copy_url":"https://shadcndashboard.dev/r/checkbox-03.json"},{"name":"checkbox-04","title":"Checkbox-04 - Checkbox with todo list","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-04.json","copy_url":"https://shadcndashboard.dev/r/checkbox-04.json"},{"name":"checkbox-05","title":"Checkbox-05 - Checkbox with list group","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-05.json","copy_url":"https://shadcndashboard.dev/r/checkbox-05.json"},{"name":"checkbox-06","title":"Checkbox-06 - Checkbox with form","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-06.json","copy_url":"https://shadcndashboard.dev/r/checkbox-06.json"},{"name":"checkbox-07","title":"Checkbox-07 - Checkbox with custom icons","description":"Checkbox component","type":"registry:component","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","media","overlays","pro-available","tables"],"categories":["AI/chat UI"],"source_url":"https://shadcndashboard.dev/r/checkbox-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/checkbox-07.json","copy_url":"https://shadcndashboard.dev/r/checkbox-07.json"}]}],"facets":{"categories":[{"id":"animated-components","label":"Animated components","count":60,"library_ids":["8bitcn","aceternity","aicanvas","amicro","animate-ui","animbits","beui","chamaac","componentry","cubby-ui","cult-ui","eldoraui","emerald-ui","ericts","evilbuttons","forgeui","framecn","gammaui","gooseui","grootstudio","hexui","hirael","hugeicons-animated","jolyui","kokonutui","loading-ui","magicui","moduix-react","moleculeui","motion-primitives","navui","nusaiba","odysseyui","pacekit-gsap","payload-components","pulkitxm","react-bits","satoriui","scrollxui","seamui","shadcn-ui-blocks","skiper-ui","smoothui","sona-ui","soralabs","spell","systaliko-ui","ui-layouts","uitripled","unlumen-ui","uselayouts","uui","xcn","uiable","vue-bits","svelte-bits","aniui","vllnt-ui","grainly-icons","shadcnloaders"]},{"id":"component-library-general","label":"Component library (general)","count":36,"library_ids":["abui","aevr","baraile-loader","basecn","baselayer","boldkit","bundui","creative-tim","delta","diceui","doras-ui","elements","fab-ui","gc-solid","hextaui","iconiq","intentui","joyco","kanpeki","kibo-ui","lumiui","neobrutalism","nessra-ui","nexus-elements","nordaun","oui","pureui","react-aria","roiui","shadcn-studio","shark","spectrumui","supabase","tailgrids","taki","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":"ai-chat-ui","label":"AI/chat UI","count":25,"library_ids":["agentcn","agents-ui","ai-blocks","ai-elements","asanshay","assistant-ui","brainless","cognicatch","contentbit","delego","elevenlabs-ui","evex","extend","fluid","gaia","gpt-vis","inferencesh","manifest","mozaika","nexus-ui","prompt-kit","pulld","tool-ui","wensity","shadcn-dashboard"]},{"id":"blocks-sections-marketing-saas","label":"Blocks & sections (marketing/SaaS)","count":14,"library_ids":["beste-ui","blocks-so","blockus","efferd","flx","launchui","shadcn-space","shadcnblocks","shadcncraft","shadcnstore","shadcnui-blocks","solaceui","tailark","zippystarter"]},{"id":"forms","label":"Forms","count":11,"library_ids":["approvals-ui","dkmediaviewer","dsikeres1","flowui","formcn","motokoui","tuiparts","tetra-ui","untld","wandry-ui","kaui"]},{"id":"charts-data-viz","label":"Charts/data viz","count":10,"library_ids":["7ovr","bklit","channel3","cnippet","evilcharts","lytenyte","ogimagecn","paceui","heatmap","threecn"]},{"id":"design-system","label":"Design system","count":8,"library_ids":["coss","exabase","indiacn","kapwa","mui-treasury","optics","shadcndesign","tokenui"]},{"id":"personal-portfolio-registry","label":"Personal/portfolio registry","count":8,"library_ids":["aliimam","corr","devl","gymnopedies","mksingh","ncdai","phucbm","uicapsule"]},{"id":"theming-styling","label":"Theming/styling","count":8,"library_ids":["einui","fonttrio","gamekitui","glass-ui","glasscn","paletteui","retroui","thegridcn"]},{"id":"hooks-utilities","label":"Hooks/utilities","count":7,"library_ids":["nuqs","pastecn","ramonclaudio-coderabbit","react-slot","shadcnhooks","typedora-ui","utilcn"]},{"id":"dashboard-admin-templates","label":"Dashboard/admin templates","count":6,"library_ids":["pacekit","reui","shadcnuikit","square-ui","tailwind-admin","tailwind-builder"]},{"id":"e-commerce-payments","label":"E-commerce/payments","count":5,"library_ids":["billingsdk","commercn","paddle","paykit-sdk","saaskit"]},{"id":"maps","label":"Maps","count":5,"library_ids":["flightcn","mapcn","shadcn-map","shadcnmaps","terrae"]},{"id":"editor-rich-text-code","label":"Editor (rich text/code)","count":4,"library_ids":["nteract","plate","prosekit","shadcn-editor"]},{"id":"icons-logos","label":"Icons/logos","count":4,"library_ids":["heroicons-animated","icons-animated","lucide-animated","svgl"]},{"id":"crypto-web3","label":"Crypto/web3","count":3,"library_ids":["abstract","lens-blocks","w3-kit"]},{"id":"auth-identity","label":"Auth/identity","count":2,"library_ids":["auth0","clerk"]},{"id":"commercial-paid-product","label":"Commercial/paid product","count":1,"library_ids":["nexus-labs"]},{"id":"uncategorized","label":"Uncategorized","count":1,"library_ids":["canvas-ui"]}],"tags":[{"id":"cards","label":"cards","count":171,"library_ids":["7ovr","8bitcn","8starlabs-ui","abstract","abui","aceternity","aevr","agentcn","ai-blocks","ai-elements","aicanvas","amplo","animate-ui","animbits","arc","asanshay","assistant-ui","basecn","baselayer","beui","billingsdk","bklit","blocks-so","blockus","boldkit","brainless","bundui","cardcn","chamaac","channel3","clerk","cnippet","cognicatch","componentry","corr","coss","cubby-ui","delta","diceui","dkmediaviewer","einui","eldoraui","elements","emerald-ui","ericts","evilbuttons","exabase","extend","fab-ui","fluid","flx","forgeui","framecn","gaia","gammaui","gc-solid","glass-ui","glasscn","gooseui","gymnopedies","grootstudio","ha-components","headcodecms","heroicons-animated","hextaui","hirael","hugeicons-animated","iconiq","indiacn","intentui","jalco","jolyui","joyco","kanpeki","kapwa","kibo-ui","kokonutui","launchui","lens-blocks","limeplay","lmscn","lumiui","magicui","manifest","mapcn","moduix-react","mozaika","mui-treasury","navui","ncdai","neobrutalism","nessra-ui","nexus-labs","nexus-ui","nteract","odysseyui","openstatus","optics","oui","paceui","pacekit","pacekit-gsap","paddle","payload-components","pixelact-ui","plate","prompt-kit","prosekit","pulkitxm","pulld","pureui","ramonclaudio-coderabbit","react-aria","react-bits","remocn","rescript-shadcn","retroui","reui","roiui","satoriui","scrollxui","seamui","shadcn-editor","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnhooks","shadcnstore","shadcnui-blocks","shadcnuikit","slide-cn","smoothui","solaceui","sona-ui","soralabs","soundcn","spectrumui","spell","stepper","systaliko-ui","tailgrids","tailwind-admin","taki","termcn","tetra-ui","thegridcn","tool-ui","trophy-ui","turbopills-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","uselayouts","uui","w3-kit","waves-cn","wensity","wigggle-ui","heatmap","xcn","saaskit","uiable","vue-bits","svelte-bits","aniui","threecn","vllnt-ui","shadcn-dashboard"]},{"id":"forms","label":"forms","count":158,"library_ids":["8bitcn","8starlabs-ui","abui","aceternity","agents-ui","ai-blocks","ai-elements","aicanvas","amplo","animate-ui","approvals-ui","asanshay","assistant-ui","auth0","basecn","baselayer","beui","billingsdk","blocks-so","boldkit","bundui","chamaac","channel3","cnippet","cognicatch","componentry","corr","coss","cubby-ui","delta","diceui","dkmediaviewer","dominik-ui","efferd","einui","eldoraui","elements","elevenlabs-ui","emerald-ui","ericts","exabase","extend","fab-ui","flowui","flowkit-ui","fluid","flx","forgeui","formcn","framecn","gaia","gammaui","gc-solid","glass-ui","glasscn","gooseui","gymnopedies","grootstudio","headcodecms","hextaui","hirael","hugeicons-animated","iconiq","intentui","jolyui","joyco","kanpeki","kapwa","kibo-ui","kokonutui","limeplay","lucide-animated","lumiui","lytenyte","manifest","mksingh","moduix-react","moleculeui","motion-primitives","mui-treasury","motokoui","ncdai","neobrutalism","nessra-ui","nexus-labs","nexus-ui","nteract","odysseyui","openstatus","optics","oui","paceui","pacekit","pacekit-gsap","paddle","paletteui","payload-components","pastecn","pixelact-ui","plate","prompt-kit","pulld","pureui","ramonclaudio-coderabbit","react-aria","react-easy-modals","react-slot","rescript-shadcn","retroui","reui","roiui","scrollxui","seamui","shadcn-editor","shadcn-map","shadcn-studio","shadcn-ui-blocks","shadcndesign","shadcnhooks","shadcnmaps","shadcnstore","shadcnuikit","smoothui","soralabs","spectrumui","spell","stepper","supabase","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","tuiparts","terrae","tetra-ui","thegridcn","toc-cn","tool-ui","trophy-ui","turbopills-ui","typedora-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","untld","uselayouts","utilcn","wandry-ui","waves-cn","wds","wensity","wigggle-ui","kaui","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"buttons","label":"buttons","count":146,"library_ids":["7ovr","8bitcn","8starlabs-ui","abstract","aceternity","aevr","agents-ui","aicanvas","amplo","animate-ui","animbits","asanshay","assistant-ui","basecn","baselayer","beste-ui","better-upload","beui","boldkit","bundui","chamaac","cnippet","componentry","corr","coss","cubby-ui","cult-ui","delego","delta","efferd","einui","eldoraui","elements","emerald-ui","ericts","evilbuttons","exabase","extend","fab-ui","flowui","fluid","flx","forgeui","gaia","gammaui","gc-solid","glass-ui","glasscn","gooseui","gymnopedies","grootstudio","ha-components","heroicons-animated","hextaui","hexui","hirael","iconiq","indiacn","intentui","jalco","jolyui","joyco","kanpeki","kibo-ui","kokonutui","launchui","lens-blocks","lumiui","magicui","mksingh","moduix-react","moleculeui","mui-treasury","motokoui","navui","ncdai","neobrutalism","nessra-ui","nexus-labs","nteract","nusaiba","odysseyui","openstatus","optics","oui","paceui","pacekit","pacekit-gsap","paddle","payload-components","pixelact-ui","plate","prompt-kit","prosekit","pulkitxm","pulld","pureui","react-aria","remocn","rescript-shadcn","retroui","roiui","sabraman","satoriui","scrollxui","seamui","shadcn-map","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnhooks","shadcnstore","shadcnui-blocks","shieldcn","smoothui","sona-ui","soralabs","soundcn","spectrumui","spell","stepper","systaliko-ui","tailgrids","tailwind-admin","taki","tuiparts","tetra-ui","thegridcn","tokenui","ui-layouts","uicapsule","uitripled","unlumen-ui","uselayouts","wandry-ui","waves-cn","wds","wensity","wigggle-ui","xcn","kaui","uiable","aniui","vllnt-ui"]},{"id":"media","label":"media","count":145,"library_ids":["7ovr","8bitcn","8starlabs-ui","abstract","aceternity","ai-elements","aicanvas","animate-ui","animbits","arc","assistant-ui","basecn","better-upload","beui","blocks-so","boldkit","bundui","cardcn","chamaac","channel3","clerk","cnippet","componentry","corr","coss","cubby-ui","delta","diceui","dkmediaviewer","efferd","einui","elements","emerald-ui","exabase","extend","fab-ui","flowui","fluid","flx","formcn","framecn","gaia","gamekitui","gc-solid","glass-ui","glasscn","gymnopedies","grootstudio","ha-components","hextaui","hirael","hugeicons-animated","iconiq","inferencesh","intentui","jalco","jolyui","joyco","kanpeki","kibo-ui","kokonutui","launchui","lens-blocks","limeplay","loading-ui","lucide-animated","lumiui","magicui","manifest","moduix-react","moleculeui","mui-treasury","navui","ncdai","neobrutalism","nessra-ui","nexus-labs","nexus-ui","nordaun","nteract","nusaiba","odysseyui","ogimagecn","optics","oui","pacekit-gsap","payload-components","pastecn","pixelact-ui","plate","prompt-kit","prosekit","pulkitxm","pulld","pureui","react-aria","react-bits","remocn","rescript-shadcn","retroui","reui","roiui","scrollxui","seamui","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnhooks","shadcnui-blocks","skiper-ui","slide-cn","smoothui","solaceui","sona-ui","soralabs","soundcn","spectrumui","spell","supabase","svgl","systaliko-ui","tailgrids","tailwind-admin","taki","termcn","terrae","thegridcn","tool-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","uselayouts","uui","utilcn","waves-cn","wensity","wigggle-ui","zippystarter","uiable","vue-bits","svelte-bits","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"overlays","label":"overlays","count":130,"library_ids":["7ovr","8bitcn","8starlabs-ui","abstract","aceternity","agentcn","ai-elements","aicanvas","algolia","animate-ui","animbits","assistant-ui","basecn","baselayer","beui","billingsdk","bklit","blocks-so","boldkit","bundui","cnippet","cognicatch","componentry","corr","coss","creative-tim","cubby-ui","cult-ui","diceui","einui","emerald-ui","ericts","evilcharts","exabase","extend","fab-ui","fluid","flx","forgeui","framecn","gaia","gc-solid","glass-ui","glasscn","gooseui","gymnopedies","grootstudio","ha-components","hextaui","hexui","hirael","hugeicons-animated","iconiq","indiacn","intentui","jolyui","joyco","kanpeki","kapwa","kibo-ui","kokonutui","lens-blocks","lumiui","magicui","moduix-react","moleculeui","mui-treasury","motokoui","neobrutalism","nessra-ui","nexus-ui","odysseyui","openpolicy","openstatus","optics","oui","pacekit-gsap","pixelact-ui","plate","prosekit","pulld","pureui","react-aria","react-easy-modals","remocn","rescript-shadcn","retroui","reui","roiui","sabraman","scrollxui","seamui","shadcn-map","shadcn-space","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnmaps","shadcnui-blocks","shadcnuikit","skiper-ui","slide-cn","smoothui","sona-ui","soralabs","soundcn","spectrumui","tailgrids","tailwind-admin","taki","termcn","tuiparts","tetra-ui","thegridcn","tokenui","tour","trophy-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","uui","wensity","wigggle-ui","saaskit","uiable","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"blocks","label":"blocks","count":123,"library_ids":["7ovr","8bitcn","abui","aceternity","ai-blocks","ai-elements","arc","asanshay","beste-ui","blocks-so","blockus","boldkit","bundui","chamaac","commercn","componentry","contentbit","corr","creative-tim","cubby-ui","cult-ui","delta","doras-ui","efferd","einui","eldoraui","elements","emerald-ui","ericts","evilcharts","extend","flx","forgeui","framecn","gaia","gammaui","glasscn","gooseui","gymnopedies","heroicons-animated","hextaui","hexui","hirael","iconiq","inferencesh","jalco","jolyui","kibo-ui","kokonutui","launchui","lens-blocks","lucide-animated","lumiui","magicui","manifest","mapcn","moduix-react","moleculeui","mozaika","mui-treasury","motokoui","navui","ncdai","nessra-ui","nexus-labs","nusaiba","odysseyui","optics","paceui","pacekit","pacekit-gsap","payload-components","pastecn","pixelact-ui","plate","prompt-kit","prosekit","pulld","react-bits","react-slot","remocn","roiui","sabraman","satoriui","scrollxui","seamui","shadcn-editor","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shadcnuikit","slide-cn","smoothui","solaceui","sona-ui","soralabs","spectrumui","square-ui","supabase","systaliko-ui","tailark","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","text-ui","toc-cn","tool-ui","ui-layouts","uicapsule","uitripled","w3-kit","wensity","zippystarter","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"navigation","label":"navigation","count":121,"library_ids":["8bitcn","8starlabs-ui","abui","aceternity","aicanvas","algolia","animate-ui","animbits","assistant-ui","basecn","baselayer","beui","blocks-so","boldkit","brainless","bundui","chamaac","cnippet","componentry","contentbit","corr","coss","cubby-ui","cult-ui","darx","delta","diceui","dominik-ui","dsikeres1","einui","eldoraui","elements","ericts","exabase","extend","fab-ui","fluid","flx","forgeui","formcn","gaia","gc-solid","glass-ui","glasscn","gymnopedies","hextaui","hirael","hugeicons-animated","iconiq","indiacn","intentui","jalco","jolyui","joyco","kanpeki","kokonutui","launchui","lumiui","magicui","moduix-react","moleculeui","mui-treasury","motokoui","navui","ncdai","neobrutalism","nessra-ui","nexus-labs","odysseyui","optics","oui","pixelact-ui","plate","prosekit","pulkitxm","pureui","react-aria","react-bits","rescript-shadcn","retroui","reui","roiui","scrollxui","seamui","shadcn-editor","shadcn-space","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnui-blocks","shadcnuikit","shark","slide-cn","smoothui","solaceui","sona-ui","soralabs","spectrumui","square-ui","stepper","systaliko-ui","tailgrids","taki","termcn","tuiparts","tetra-ui","thegridcn","toc-cn","ui-layouts","uicapsule","uitripled","unlumen-ui","untld","uselayouts","wensity","wigggle-ui","uiable","vue-bits","svelte-bits","aniui","vllnt-ui"]},{"id":"loaders","label":"loaders","count":116,"library_ids":["8bitcn","abui","aceternity","ai-elements","aicanvas","animate-ui","animbits","asanshay","assistant-ui","baraile-loader","basecn","better-upload","beui","bklit","boldkit","bundui","chamaac","cnippet","commercn","componentry","corr","coss","cubby-ui","delta","diceui","dominik-ui","dotmatrix","efferd","einui","elements","evilcharts","exabase","extend","fab-ui","fonttrio","forgeui","framecn","gaia","gc-solid","glass-ui","glasscn","gooseui","gymnopedies","grootstudio","hextaui","hirael","hugeicons-animated","iconiq","indiacn","inferencesh","intentui","kanpeki","kibo-ui","kokonutui","limeplay","lmscn","loading-ui","lumiui","lytenyte","magicui","manifest","moduix-react","moleculeui","mui-treasury","ncdai","neobrutalism","nessra-ui","nexus-labs","nexus-ui","nordaun","odysseyui","optics","pacekit-gsap","pixelact-ui","prompt-kit","prosekit","pulkitxm","pulld","pureui","react-aria","react-easy-modals","remocn","rescript-shadcn","retroui","roiui","satoriui","scrollxui","seamui","slide-cn","smoothui","soralabs","spectrumui","spell","tailgrids","tailwind-admin","taki","termcn","tetra-ui","thegridcn","toc-cn","tool-ui","tour","turbopills-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","uui","utilcn","wds","wensity","wigggle-ui","uiable","aniui","vllnt-ui","shadcnloaders"]},{"id":"animation","label":"animation","count":112,"library_ids":["8bitcn","8starlabs-ui","abui","aceternity","aicanvas","amicro","animate-ui","animbits","arc","asanshay","beui","billingsdk","bklit","boldkit","bundui","chamaac","commercn","componentry","corr","cubby-ui","cult-ui","darx","delta","diceui","dominik-ui","dotmatrix","efferd","eldoraui","emerald-ui","ericts","evilbuttons","evilcharts","fab-ui","flightcn","fluid","flx","forgeui","framecn","gammaui","gooseui","gymnopedies","grootstudio","heroicons-animated","hexui","hirael","hugeicons-animated","iconiq","icons-animated","jolyui","joyco","kanpeki","kibo-ui","kokonutui","loading-ui","lucide-animated","magicui","moduix-react","motion-primitives","mui-treasury","navui","ncdai","neobrutalism","nexus-labs","nusaiba","odysseyui","oui","pacekit-gsap","paletteui","payload-components","phucbm","pulkitxm","pureui","react-bits","react-easy-modals","remocn","roiui","satoriui","scrollxui","seamui","shadcn-studio","shadcn-ui-blocks","shadcncraft","shadcnui-blocks","skiper-ui","smoothui","solaceui","sona-ui","soralabs","soundcn","spectrumui","spell","svgl","systaliko-ui","tailwind-admin","terrae","text-ui","thegridcn","toc-cn","ui-layouts","uitripled","unlumen-ui","uselayouts","uui","wensity","xcn","uiable","vue-bits","svelte-bits","aniui","vllnt-ui","grainly-icons","shadcnloaders"]},{"id":"hooks","label":"hooks","count":108,"library_ids":["8bitcn","8starlabs-ui","abstract","abui","aevr","agents-ui","ai-blocks","animate-ui","animbits","asanshay","assistant-ui","basecn","baselayer","better-upload","boldkit","channel3","coss","cubby-ui","cult-ui","darx","delta","devl","diceui","dsikeres1","efferd","einui","eldoraui","elements","ericts","evilcharts","exabase","extend","fab-ui","flowkit-ui","fluid","formcn","gaia","gamifykit","gc-solid","glasscn","gooseui","gymnopedies","hextaui","hirael","hugeicons-animated","iconiq","jolyui","joyco","kanpeki","kibo-ui","lens-blocks","limeplay","lumiui","mksingh","moleculeui","motion-primitives","ncdai","nessra-ui","nexus-elements","nexus-ui","nordaun","nuqs","odysseyui","openstatus","optics","pacekit","pacekit-gsap","paddle","pastecn","paykit-sdk","pixelact-ui","pureui","react-aria","react-easy-modals","react-slot","reui","roiui","scrollxui","seamui","shadcn-space","shadcn-studio","shadcncraft","shadcnhooks","shark","skiper-ui","smoothui","sona-ui","soralabs","soundcn","spectrumui","stepper","supabase","svgl","systaliko-ui","tailwind-admin","taki","terrae","tour","turbopills-ui","typedora-ui","ui-layouts","unlumen-ui","utilcn","w3-kit","waves-cn","wigggle-ui","kaui","vllnt-ui"]},{"id":"design-system","label":"design-system","count":102,"library_ids":["8bitcn","aceternity","aevr","agents-ui","aliimam","animate-ui","animbits","asanshay","assistant-ui","basecn","baselayer","billingsdk","boldkit","componentry","coss","creative-tim","cubby-ui","cult-ui","devl","diceui","doras-ui","einui","eldoraui","elevenlabs-ui","exabase","fab-ui","flowkit-ui","forgeui","formcn","gamifykit","gc-solid","glasscn","gooseui","gymnopedies","iconiq","indiacn","intentui","jolyui","joyco","kapwa","kibo-ui","limeplay","loading-ui","lumiui","lytenyte","magicui","mksingh","moleculeui","motion-primitives","mozaika","mui-treasury","nessra-ui","nexus-elements","nexus-ui","nordaun","nteract","odysseyui","openstatus","optics","oui","pacekit","pacekit-gsap","pixelact-ui","pureui","react-aria","react-slot","retroui","reui","roiui","scrollxui","shadcn-map","shadcn-space","shadcn-studio","shadcncraft","shadcndesign","shadcnuikit","shark","skiper-ui","slide-cn","sona-ui","soralabs","spectrumui","stepper","systaliko-ui","tailark","tailgrids","tailwind-admin","taki","tetra-ui","thegridcn","tokenui","tour","trophy-ui","turbopills-ui","typedora-ui","ui-layouts","unlumen-ui","w3-kit","waves-cn","wds","uiable","vllnt-ui"]},{"id":"accessibility","label":"accessibility","count":94,"library_ids":["8starlabs-ui","aevr","ai-blocks","ai-elements","algolia","amplo","animate-ui","arc","basecn","baselayer","billingsdk","blocks-so","brainless","cardcn","channel3","cnippet","cognicatch","commercn","diceui","dominik-ui","dsikeres1","efferd","emerald-ui","evilbuttons","evilcharts","fab-ui","flowkit-ui","fonttrio","forgeui","formcn","gc-solid","glass-ui","glasscn","gooseui","iconiq","indiacn","intentui","jolyui","kanpeki","kibo-ui","launchui","lmscn","loading-ui","lucide-animated","lumiui","lytenyte","moleculeui","mui-treasury","nessra-ui","nexus-ui","openstatus","oui","paletteui","pixelact-ui","prompt-kit","prosekit","pulld","pureui","react-aria","react-bits","rescript-shadcn","satoriui","seamui","shadcn-editor","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcndesign","shadcnmaps","shadcnui-blocks","shark","shieldcn","solaceui","sona-ui","spectrumui","spell","square-ui","stepper","systaliko-ui","taki","tetra-ui","thegridcn","turbopills-ui","w3-kit","waves-cn","wds","wigggle-ui","heatmap","zippystarter","uiable","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"aesthetic","label":"aesthetic","count":94,"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","pacekit-gsap","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":"dashboard","label":"dashboard","count":94,"library_ids":["7ovr","8bitcn","8starlabs-ui","abui","aceternity","aicanvas","animate-ui","assistant-ui","basecn","beste-ui","beui","bklit","blocks-so","boldkit","bundui","cnippet","corr","coss","delta","diceui","efferd","einui","evilcharts","exabase","extend","forgeui","framecn","gaia","gamifykit","gc-solid","glass-ui","glasscn","gymnopedies","ha-components","headcodecms","hextaui","hexui","hirael","hugeicons-animated","iconiq","inferencesh","intentui","kanpeki","lucide-animated","lumiui","lytenyte","moduix-react","mozaika","mui-treasury","ncdai","neobrutalism","nessra-ui","nexus-labs","nexus-ui","optics","oui","paceui","pacekit","payload-components","prompt-kit","ramonclaudio-coderabbit","remocn","rescript-shadcn","retroui","reui","roiui","seamui","shadcn-map","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcnmaps","shadcnuikit","spectrumui","square-ui","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","thegridcn","toc-cn","tool-ui","trophy-ui","uicapsule","uitripled","unlumen-ui","uselayouts","wensity","wigggle-ui","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"theming","label":"theming","count":91,"library_ids":["8bitcn","amplo","animate-ui","animbits","assistant-ui","auth0","baselayer","beui","boldkit","clerk","cubby-ui","delego","delta","diceui","dominik-ui","dsikeres1","einui","elements","evilbuttons","evilcharts","exabase","fonttrio","gamekitui","gc-solid","glass-ui","gooseui","gymnopedies","grootstudio","ha-components","iconiq","indiacn","intentui","jalco","jolyui","joyco","kanpeki","kibo-ui","launchui","lumiui","lytenyte","magicui","mapcn","mksingh","moduix-react","mozaika","mui-treasury","motokoui","ncdai","nexus-labs","nusaiba","odysseyui","openstatus","optics","oui","pacekit","paletteui","pixelact-ui","prosekit","pulkitxm","pulld","react-aria","react-slot","retroui","roiui","seamui","shadcn-space","shadcn-studio","shadcnblocks","shadcndesign","shadcnmaps","shadcnstore","shadcnui-blocks","shadcnuikit","shieldcn","slide-cn","sona-ui","tailark","tailwind-admin","taki","termcn","tuiparts","thegridcn","tokenui","tour","trophy-ui","unlumen-ui","uui","wigggle-ui","zippystarter","aniui","threecn"]},{"id":"charts","label":"charts","count":89,"library_ids":["7ovr","8bitcn","8starlabs-ui","abstract","abui","agentcn","aicanvas","assistant-ui","basecn","bklit","boldkit","bundui","channel3","cnippet","componentry","corr","eldoraui","evilcharts","exabase","flightcn","fonttrio","framecn","gaia","gc-solid","glass-ui","gooseui","gpt-vis","gymnopedies","heroicons-animated","hirael","iconiq","indiacn","intentui","jalco","joyco","kanpeki","kapwa","kibo-ui","lucide-animated","lumiui","mapcn","mksingh","moleculeui","mozaika","ncdai","neobrutalism","nessra-ui","nusaiba","ogimagecn","optics","paceui","pacekit","plate","prosekit","remocn","rescript-shadcn","retroui","roiui","shadcn-space","shadcn-ui-blocks","shadcnblocks","shadcnstore","shadcnuikit","smoothui","sona-ui","spectrumui","spell","square-ui","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","terrae","text-ui","thegridcn","tokenui","tool-ui","trophy-ui","uicapsule","uitripled","unlumen-ui","waves-cn","wensity","heatmap","aniui","threecn","vllnt-ui","shadcn-dashboard"]},{"id":"ai","label":"ai","count":87,"library_ids":["7ovr","8starlabs-ui","abstract","agentcn","agents-ui","ai-blocks","ai-elements","aicanvas","algolia","asanshay","assistant-ui","auth0","blocks-so","brainless","chamaac","cognicatch","contentbit","coss","creative-tim","cult-ui","delego","delta","dominik-ui","elements","elevenlabs-ui","evex","exabase","extend","flightcn","fluid","formcn","framecn","gaia","glass-ui","gpt-vis","ha-components","headcodecms","hextaui","hugeicons-animated","iconiq","inferencesh","jalco","jolyui","joyco","kibo-ui","kokonutui","lucide-animated","manifest","mozaika","mui-treasury","ncdai","nexus-labs","nexus-ui","odysseyui","openpolicy","optics","pacekit-gsap","pastecn","paykit-sdk","plate","prompt-kit","pulld","rescript-shadcn","roiui","seamui","shadcn-ui-blocks","shadcndesign","smoothui","sona-ui","spectrumui","svgl","tailgrids","tailwind-builder","taki","termcn","thegridcn","tool-ui","uicapsule","uitripled","unlumen-ui","untld","utilcn","wensity","zippystarter","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"auth","label":"auth","count":86,"library_ids":["7ovr","8bitcn","abstract","agents-ui","auth0","basecn","beste-ui","beui","blocks-so","blockus","boldkit","brainless","bundui","clerk","cnippet","componentry","coss","cubby-ui","cult-ui","delego","delta","efferd","einui","eldoraui","elements","emerald-ui","ericts","exabase","flowui","forgeui","gaia","gc-solid","glass-ui","ha-components","headcodecms","hextaui","hexui","hirael","hugeicons-animated","iconiq","intentui","kanpeki","lens-blocks","lmscn","lumiui","moduix-react","mozaika","navui","ncdai","neobrutalism","nessra-ui","nexus-labs","nusaiba","optics","oui","paletteui","pulld","pureui","react-slot","rescript-shadcn","retroui","reui","roiui","scrollxui","seamui","shadcn-ui-blocks","shadcnstore","skiper-ui","solaceui","spectrumui","supabase","svgl","tailark","tailgrids","tailwind-admin","taki","termcn","terrae","tetra-ui","thegridcn","uitripled","wandry-ui","wensity","wigggle-ui","aniui","shadcn-dashboard"]},{"id":"tables","label":"tables","count":80,"library_ids":["7ovr","8bitcn","abui","aceternity","aicanvas","auth0","basecn","baselayer","beui","billingsdk","blocks-so","boldkit","bundui","cnippet","corr","coss","cubby-ui","diceui","einui","exabase","flowkit-ui","fluid","gc-solid","glass-ui","gpt-vis","gymnopedies","hextaui","hirael","iconiq","icons-animated","inferencesh","intentui","jalco","jolyui","joyco","kanpeki","kapwa","kibo-ui","lytenyte","manifest","moduix-react","mozaika","neobrutalism","nessra-ui","optics","oui","paceui","pacekit","payload-components","plate","prosekit","react-aria","react-slot","rescript-shadcn","retroui","reui","roiui","shadcn-space","shadcn-ui-blocks","shadcnblocks","shadcnstore","shadcnui-blocks","shadcnuikit","spectrumui","spell","square-ui","stepper","tailgrids","tailwind-admin","tailwind-builder","taki","thegridcn","toc-cn","tool-ui","uicapsule","wensity","saaskit","aniui","vllnt-ui","shadcn-dashboard"]},{"id":"components","label":"components","count":76,"library_ids":["abui","aevr","aliimam","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":"pro-available","label":"pro-available","count":76,"library_ids":["7ovr","aceternity","aevr","agents-ui","aicanvas","arc","assistant-ui","auth0","beste-ui","beui","billingsdk","blockus","boldkit","bundui","chamaac","clerk","cognicatch","corr","creative-tim","cult-ui","delego","devl","efferd","emerald-ui","gooseui","grootstudio","hirael","kokonutui","launchui","lytenyte","magicui","moleculeui","mozaika","navui","nexus-labs","nusaiba","openstatus","paceui","pacekit","phucbm","pixelact-ui","plate","pulkitxm","pulld","remocn","retroui","reui","satoriui","shadcn-editor","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shadcnuikit","shieldcn","skiper-ui","smoothui","soralabs","square-ui","supabase","tailark","tailgrids","tailwind-admin","tailwind-builder","ui-layouts","unlumen-ui","heatmap","saaskit","zippystarter","vue-bits","aniui","shadcn-dashboard"]},{"id":"icons","label":"icons","count":74,"library_ids":["7ovr","aicanvas","animate-ui","animbits","arc","assistant-ui","blockus","bundui","chamaac","componentry","delta","diceui","efferd","eldoraui","elements","evilcharts","exabase","fluid","flx","framecn","gaia","gammaui","glasscn","grootstudio","heroicons-animated","hirael","hugeicons-animated","iconiq","icons-animated","jalco","jolyui","kanpeki","launchui","limeplay","lucide-animated","magicui","mui-treasury","navui","ncdai","nexus-labs","nteract","nusaiba","odysseyui","ogimagecn","openstatus","oui","payload-components","react-bits","remocn","rescript-shadcn","scrollxui","shadcn-ui-blocks","shadcncraft","shadcndesign","shieldcn","smoothui","soralabs","spell","svgl","tailark","tailwind-admin","taki","tetra-ui","text-ui","thegridcn","tokenui","ui-layouts","uitripled","unlumen-ui","wigggle-ui","uiable","vue-bits","svelte-bits","grainly-icons"]},{"id":"marketing","label":"marketing","count":73,"library_ids":["7ovr","8bitcn","abstract","aceternity","arc","assistant-ui","beste-ui","blocks-so","blockus","bundui","chamaac","clerk","componentry","creative-tim","cult-ui","delta","dominik-ui","efferd","eldoraui","elements","emerald-ui","flx","forgeui","gammaui","heroicons-animated","hexui","hirael","iconiq","jalco","jolyui","kokonutui","launchui","lucide-animated","magicui","navui","ncdai","nexus-labs","nusaiba","payload-components","pulkitxm","react-bits","reui","satoriui","scrollxui","seamui","shadcn-map","shadcn-space","shadcn-studio","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","smoothui","solaceui","soralabs","spectrumui","square-ui","stepper","systaliko-ui","tailark","tailgrids","text-ui","thegridcn","ui-layouts","uicapsule","uitripled","unlumen-ui","uselayouts","wensity","xcn","zippystarter","vllnt-ui"]},{"id":"backgrounds","label":"backgrounds","count":64,"library_ids":["abui","aceternity","agents-ui","aicanvas","amplo","animate-ui","animbits","beui","bklit","boldkit","bundui","chamaac","componentry","darx","delta","eldoraui","emerald-ui","evilcharts","fab-ui","forgeui","framecn","gammaui","gymnopedies","grootstudio","joyco","kokonutui","magicui","ncdai","nexus-labs","nusaiba","pacekit-gsap","paletteui","payload-components","prosekit","pulkitxm","react-bits","remocn","roiui","scrollxui","shadcnblocks","shadcnui-blocks","slide-cn","smoothui","sona-ui","soralabs","soundcn","spell","systaliko-ui","tailwind-admin","taki","termcn","thegridcn","ui-layouts","uicapsule","uitripled","unlumen-ui","uui","waves-cn","wensity","uiable","vue-bits","svelte-bits","aniui","threecn"]},{"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":"mobile","label":"mobile","count":49,"library_ids":["arc","boldkit","delta","devl","dotmatrix","elements","evilcharts","exabase","extend","fluid","framecn","gaia","gc-solid","gymnopedies","headcodecms","hextaui","jolyui","joyco","kanpeki","lmscn","lumiui","magicui","moduix-react","moleculeui","mozaika","ncdai","nessra-ui","openstatus","optics","paddle","paletteui","pixelact-ui","plate","pulkitxm","rescript-shadcn","sabraman","scrollxui","seamui","shadcn-editor","shadcn-ui-blocks","shadcncraft","smoothui","tetra-ui","text-ui","thegridcn","toc-cn","ui-layouts","uicapsule","aniui"]},{"id":"audio","label":"audio","count":47,"library_ids":["8bitcn","8starlabs-ui","agents-ui","ai-blocks","ai-elements","aicanvas","assistant-ui","billingsdk","chamaac","componentry","diceui","elements","elevenlabs-ui","gammaui","hextaui","hirael","hugeicons-animated","jolyui","joyco","kibo-ui","kokonutui","lens-blocks","limeplay","lucide-animated","moleculeui","mozaika","mui-treasury","ncdai","nexus-ui","nordaun","odysseyui","plate","ramonclaudio-coderabbit","seamui","shadcn-editor","soralabs","soundcn","systaliko-ui","tailwind-admin","terrae","thegridcn","tool-ui","uicapsule","waves-cn","wensity","saaskit","aniui"]},{"id":"maps","label":"maps","count":43,"library_ids":["8bitcn","8starlabs-ui","aceternity","bklit","boldkit","chamaac","componentry","delta","dotmatrix","eldoraui","ericts","flightcn","gammaui","gpt-vis","hirael","hugeicons-animated","jolyui","lmscn","magicui","manifest","mapcn","ncdai","nexus-labs","nordaun","payload-components","prosekit","scrollxui","shadcn-map","shadcn-ui-blocks","shadcndesign","shadcnmaps","systaliko-ui","termcn","terrae","thegridcn","tool-ui","typedora-ui","ui-layouts","uicapsule","wigggle-ui","heatmap","threecn","vllnt-ui"]},{"id":"retro","label":"retro","count":41,"library_ids":["8bitcn","aceternity","ai-elements","approvals-ui","beui","brainless","canvas-ui","chamaac","componentry","dotmatrix","eldoraui","framecn","gammaui","loading-ui","magicui","ncdai","neobrutalism","nexus-labs","ogimagecn","paletteui","pixelact-ui","react-bits","remocn","retroui","sabraman","scrollxui","seamui","shadcndesign","soralabs","soundcn","tailwind-builder","termcn","tuiparts","thegridcn","tool-ui","uicapsule","unlumen-ui","xcn","saaskit","vue-bits","svelte-bits"]},{"id":"cms","label":"cms","count":32,"library_ids":["7ovr","beste-ui","bundui","cognicatch","contentbit","dotmatrix","efferd","emerald-ui","evilcharts","gymnopedies","headcodecms","hirael","kapwa","manifest","mozaika","mui-treasury","ncdai","nexus-labs","nusaiba","ogimagecn","payload-components","reui","shadcn-space","shadcndesign","shadcnstore","svgl","tailwind-admin","toc-cn","tool-ui","uitripled","zippystarter","vllnt-ui"]},{"id":"text-effects","label":"text-effects","count":32,"library_ids":["aceternity","animbits","beui","bundui","dominik-ui","emerald-ui","forgeui","framecn","iconiq","jolyui","joyco","kokonutui","loading-ui","magicui","moleculeui","nexus-labs","nexus-ui","odysseyui","pacekit-gsap","prompt-kit","pulkitxm","react-bits","remocn","satoriui","smoothui","sona-ui","tailwind-admin","ui-layouts","unlumen-ui","uui","vue-bits","svelte-bits"]},{"id":"glassmorphism","label":"glassmorphism","count":31,"library_ids":["aicanvas","animate-ui","animbits","canvas-ui","chamaac","componentry","cult-ui","einui","evilcharts","fab-ui","framecn","gammaui","glass-ui","glasscn","gpt-vis","jolyui","kokonutui","nexus-labs","pacekit-gsap","react-bits","remocn","scrollxui","spectrumui","tailwind-admin","ui-layouts","uitripled","unlumen-ui","wensity","vue-bits","svelte-bits","vllnt-ui"]},{"id":"developer-tools","label":"developer-tools","count":27,"library_ids":["ai-blocks","ai-elements","algolia","asanshay","cognicatch","cult-ui","delta","elements","framecn","gaia","glasscn","inferencesh","jalco","jolyui","kibo-ui","nessra-ui","ogimagecn","openstatus","optics","remocn","sabraman","shadcn-editor","shadcn-ui-blocks","shadcnuikit","slide-cn","thegridcn","tool-ui"]},{"id":"3d","label":"3d","count":24,"library_ids":["aceternity","chamaac","componentry","darx","eldoraui","emerald-ui","evilbuttons","flightcn","gammaui","grootstudio","joyco","lmscn","magicui","nexus-labs","scrollxui","spectrumui","systaliko-ui","thegridcn","ui-layouts","uicapsule","uselayouts","wensity","threecn","vllnt-ui"]},{"id":"payments","label":"payments","count":23,"library_ids":["7ovr","aicanvas","billingsdk","cult-ui","efferd","elements","headcodecms","hextaui","hirael","magicui","manifest","navui","nexus-labs","paddle","paletteui","paykit-sdk","scrollxui","shadcnui-blocks","skiper-ui","spectrumui","tailwind-admin","ui-layouts","saaskit"]},{"id":"e-commerce","label":"e-commerce","count":21,"library_ids":["ai-blocks","beste-ui","bundui","chamaac","channel3","commercn","delta","heroicons-animated","hirael","lucide-animated","mapcn","mozaika","mui-treasury","paddle","paykit-sdk","shadcnblocks","shadcnstore","shadcnuikit","tailgrids","uitripled","shadcn-dashboard"]},{"id":"editor","label":"editor","count":20,"library_ids":["elements","extend","fonttrio","framecn","gymnopedies","headcodecms","hirael","kibo-ui","lens-blocks","mozaika","nexus-labs","nteract","ogimagecn","paletteui","plate","prosekit","remocn","shadcn-editor","supabase","systaliko-ui"]},{"id":"onboarding","label":"onboarding","count":20,"library_ids":["7ovr","abstract","beste-ui","blocks-so","boldkit","brainless","clerk","diceui","hirael","kibo-ui","lumiui","moduix-react","optics","pulld","scrollxui","stepper","thegridcn","tour","saaskit","aniui"]},{"id":"crypto","label":"crypto","count":16,"library_ids":["abstract","aicanvas","beui","elements","fonttrio","headcodecms","jalco","lens-blocks","lmscn","mozaika","nexus-elements","prosekit","react-slot","termcn","uitripled","w3-kit"]},{"id":"gaming","label":"gaming","count":11,"library_ids":["8bitcn","gamekitui","gamifykit","joyco","lmscn","mui-treasury","paletteui","pixelact-ui","soundcn","thegridcn","trophy-ui"]}],"sources":[{"id":"1771technologies-com","label":"1771technologies.com","count":1,"library_ids":["lytenyte"]},{"id":"7ovr-com","label":"7ovr.com","count":1,"library_ids":["7ovr"]},{"id":"8bitcn-com","label":"8bitcn.com","count":1,"library_ids":["8bitcn"]},{"id":"abui-io","label":"abui.io","count":1,"library_ids":["abui"]},{"id":"agentcn-vercel-app","label":"agentcn.vercel.app","count":1,"library_ids":["agentcn"]},{"id":"ai-sdk-dev","label":"ai-sdk.dev","count":1,"library_ids":["ai-elements"]},{"id":"aicanvas-me","label":"aicanvas.me","count":1,"library_ids":["aicanvas"]},{"id":"aliimam-in","label":"aliimam.in","count":1,"library_ids":["aliimam"]},{"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":"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":"assistant-ui-com","label":"assistant-ui.com","count":1,"library_ids":["assistant-ui"]},{"id":"auth0-com","label":"auth0.com","count":1,"library_ids":["auth0"]},{"id":"basecn-dev","label":"basecn.dev","count":1,"library_ids":["basecn"]},{"id":"baselayer-dev","label":"baselayer.dev","count":1,"library_ids":["baselayer"]},{"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":"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":"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":"boldkit-dev","label":"boldkit.dev","count":1,"library_ids":["boldkit"]},{"id":"brainless-swerdlow-dev","label":"brainless.swerdlow.dev","count":1,"library_ids":["brainless"]},{"id":"build-abs-xyz","label":"build.abs.xyz","count":1,"library_ids":["abstract"]},{"id":"bundui-io","label":"bundui.io","count":1,"library_ids":["bundui"]},{"id":"canvasui-dev","label":"canvasui.dev","count":1,"library_ids":["canvas-ui"]},{"id":"cardcn-dev","label":"cardcn.dev","count":1,"library_ids":["cardcn"]},{"id":"chamaac-com","label":"chamaac.com","count":1,"library_ids":["chamaac"]},{"id":"chanhdai-com","label":"chanhdai.com","count":1,"library_ids":["ncdai"]},{"id":"clerk-com","label":"clerk.com","count":1,"library_ids":["clerk"]},{"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":"contentbit-dev","label":"contentbit.dev","count":1,"library_ids":["contentbit"]},{"id":"coss-com","label":"coss.com","count":1,"library_ids":["coss"]},{"id":"creative-tim-com","label":"creative-tim.com","count":1,"library_ids":["creative-tim"]},{"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":"deltacomponents-dev","label":"deltacomponents.dev","count":1,"library_ids":["delta"]},{"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":"diceui-com","label":"diceui.com","count":1,"library_ids":["diceui"]},{"id":"diklein-com","label":"diklein.com","count":1,"library_ids":["dkmediaviewer"]},{"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":"dsikeres1-github-io","label":"dsikeres1.github.io","count":1,"library_ids":["dsikeres1"]},{"id":"efferd-com","label":"efferd.com","count":1,"library_ids":["efferd"]},{"id":"eldoraui-site","label":"eldoraui.site","count":1,"library_ids":["eldoraui"]},{"id":"elements-nexus-availproject-org","label":"elements.nexus.availproject.org","count":1,"library_ids":["nexus-elements"]},{"id":"emerald-ui-com","label":"emerald-ui.com","count":1,"library_ids":["emerald-ui"]},{"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":"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":"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":"formcn-dev","label":"formcn.dev","count":1,"library_ids":["formcn"]},{"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":"github-com","label":"github.com","count":1,"library_ids":["delego"]},{"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":"gooseui-pro","label":"gooseui.pro","count":1,"library_ids":["gooseui"]},{"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":"grootstudio-vercel-app","label":"grootstudio.vercel.app","count":1,"library_ids":["grootstudio"]},{"id":"gsap-pacekit-dev","label":"gsap.pacekit.dev","count":1,"library_ids":["pacekit-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":"headcodecms-com","label":"headcodecms.com","count":1,"library_ids":["headcodecms"]},{"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":"hirael-com","label":"hirael.com","count":1,"library_ids":["hirael"]},{"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":"intentui-com","label":"intentui.com","count":1,"library_ids":["intentui"]},{"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":"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":"kaui-shadcn-registry-vercel-app","label":"kaui-shadcn-registry.vercel.app","count":1,"library_ids":["kaui"]},{"id":"kibo-ui-com","label":"kibo-ui.com","count":1,"library_ids":["kibo-ui"]},{"id":"kokonutui-com","label":"kokonutui.com","count":1,"library_ids":["kokonutui"]},{"id":"launchuicomponents-com","label":"launchuicomponents.com","count":1,"library_ids":["launchui"]},{"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":"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":"loading-ui-com","label":"loading-ui.com","count":1,"library_ids":["loading-ui"]},{"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":"mapcn-dev","label":"mapcn.dev","count":1,"library_ids":["mapcn"]},{"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":"motion-primitives-com","label":"motion-primitives.com","count":1,"library_ids":["motion-primitives"]},{"id":"motokoui-com","label":"motokoui.com","count":1,"library_ids":["motokoui"]},{"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":"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":"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":"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":"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":"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":"phucbm-com","label":"phucbm.com","count":1,"library_ids":["phucbm"]},{"id":"pixelactui-com","label":"pixelactui.com","count":1,"library_ids":["pixelact-ui"]},{"id":"platejs-org","label":"platejs.org","count":1,"library_ids":["plate"]},{"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":"pure-kam-ui-com","label":"pure.kam-ui.com","count":1,"library_ids":["pureui"]},{"id":"ramonclaudio-com","label":"ramonclaudio.com","count":1,"library_ids":["ramonclaudio-coderabbit"]},{"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":"registry-joyco-studio","label":"registry.joyco.studio","count":1,"library_ids":["joyco"]},{"id":"remocn-dev","label":"remocn.dev","count":1,"library_ids":["remocn"]},{"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":"satoriui-site","label":"satoriui.site","count":1,"library_ids":["satoriui"]},{"id":"scrollxui-dev","label":"scrollxui.dev","count":1,"library_ids":["scrollxui"]},{"id":"seamui-dev","label":"seamui.dev","count":1,"library_ids":["seamui"]},{"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-ui-blocks-com","label":"shadcn-ui-blocks.com","count":1,"library_ids":["shadcn-ui-blocks"]},{"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":"shark-vini-one","label":"shark.vini.one","count":1,"library_ids":["shark"]},{"id":"shieldcn-dev","label":"shieldcn.dev","count":1,"library_ids":["shieldcn"]},{"id":"sitesearch-algolia-com","label":"sitesearch.algolia.com","count":1,"library_ids":["algolia"]},{"id":"skiper-ui-com","label":"skiper-ui.com","count":1,"library_ids":["skiper-ui"]},{"id":"slide-cn-com","label":"slide-cn.com","count":1,"library_ids":["slide-cn"]},{"id":"smoothui-dev","label":"smoothui.dev","count":1,"library_ids":["smoothui"]},{"id":"solaceui-com","label":"solaceui.com","count":1,"library_ids":["solaceui"]},{"id":"sona-ui-vercel-app","label":"sona-ui.vercel.app","count":1,"library_ids":["sona-ui"]},{"id":"soundcn-xyz","label":"soundcn.xyz","count":1,"library_ids":["soundcn"]},{"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":"supabase-com","label":"supabase.com","count":1,"library_ids":["supabase"]},{"id":"sveltebits-xyz","label":"sveltebits.xyz","count":1,"library_ids":["svelte-bits"]},{"id":"svgl-app","label":"svgl.app","count":1,"library_ids":["svgl"]},{"id":"systaliko-ui-vercel-app","label":"systaliko-ui.vercel.app","count":1,"library_ids":["systaliko-ui"]},{"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":"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":"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":"tuiparts-sh","label":"tuiparts.sh","count":1,"library_ids":["tuiparts"]},{"id":"turbopills-com","label":"turbopills.com","count":1,"library_ids":["turbopills-ui"]},{"id":"typedora-ui-netlify-app","label":"typedora-ui.netlify.app","count":1,"library_ids":["typedora-ui"]},{"id":"ui-layouts-com","label":"ui-layouts.com","count":1,"library_ids":["ui-layouts"]},{"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-space","label":"ui.aevr.space","count":1,"library_ids":["aevr"]},{"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-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-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-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-inference-sh","label":"ui.inference.sh","count":1,"library_ids":["inferencesh"]},{"id":"ui-justinlevine-me","label":"ui.justinlevine.me","count":1,"library_ids":["jalco"]},{"id":"ui-manifest-build","label":"ui.manifest.build","count":1,"library_ids":["manifest"]},{"id":"ui-navdeepsingh-dev","label":"ui.navdeepsingh.dev","count":1,"library_ids":["navui"]},{"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-radiumcoders-com","label":"ui.radiumcoders.com","count":1,"library_ids":["xcn"]},{"id":"ui-soralabs-io-vn","label":"ui.soralabs.io.vn","count":1,"library_ids":["soralabs"]},{"id":"ui-spectrumhq-in","label":"ui.spectrumhq.in","count":1,"library_ids":["spectrumui"]},{"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-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-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":"uiable-com","label":"uiable.com","count":1,"library_ids":["uiable"]},{"id":"uicapsule-com","label":"uicapsule.com","count":1,"library_ids":["uicapsule"]},{"id":"uselayouts-com","label":"uselayouts.com","count":1,"library_ids":["uselayouts"]},{"id":"usepaykit-dev","label":"usepaykit.dev","count":1,"library_ids":["paykit-sdk"]},{"id":"utilcn-dev","label":"utilcn.dev","count":1,"library_ids":["utilcn"]},{"id":"uui-app","label":"uui.app","count":1,"library_ids":["uui"]},{"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":"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":"wensity-com","label":"wensity.com","count":1,"library_ids":["wensity"]},{"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":"zippystarter-com","label":"zippystarter.com","count":1,"library_ids":["zippystarter"]}],"taxonomy":{"categories":[{"name":"Animated components","slug":"animated-components","count":60},{"name":"Component library (general)","slug":"component-library-general","count":36},{"name":"Niche/single-purpose","slug":"niche-single-purpose","count":35},{"name":"AI/chat UI","slug":"ai-chat-ui","count":25},{"name":"Blocks & sections (marketing/SaaS)","slug":"blocks-sections-marketing-saas","count":14},{"name":"Forms","slug":"forms","count":11},{"name":"Charts/data viz","slug":"charts-data-viz","count":10},{"name":"Design system","slug":"design-system","count":8},{"name":"Personal/portfolio registry","slug":"personal-portfolio-registry","count":8},{"name":"Theming/styling","slug":"theming-styling","count":8},{"name":"Hooks/utilities","slug":"hooks-utilities","count":7},{"name":"Dashboard/admin templates","slug":"dashboard-admin-templates","count":6},{"name":"E-commerce/payments","slug":"e-commerce-payments","count":5},{"name":"Maps","slug":"maps","count":5},{"name":"Editor (rich text/code)","slug":"editor-rich-text-code","count":4},{"name":"Icons/logos","slug":"icons-logos","count":4},{"name":"Crypto/web3","slug":"crypto-web3","count":3},{"name":"Auth/identity","slug":"auth-identity","count":2},{"name":"Commercial/paid product","slug":"commercial-paid-product","count":1},{"name":"Uncategorized","slug":"uncategorized","count":1}],"tags":[{"name":"cards","slug":"cards","count":171},{"name":"forms","slug":"forms","count":158},{"name":"buttons","slug":"buttons","count":146},{"name":"media","slug":"media","count":145},{"name":"overlays","slug":"overlays","count":130},{"name":"blocks","slug":"blocks","count":123},{"name":"navigation","slug":"navigation","count":121},{"name":"loaders","slug":"loaders","count":116},{"name":"animation","slug":"animation","count":112},{"name":"hooks","slug":"hooks","count":108},{"name":"design-system","slug":"design-system","count":102},{"name":"accessibility","slug":"accessibility","count":94},{"name":"aesthetic","slug":"aesthetic","count":94},{"name":"dashboard","slug":"dashboard","count":94},{"name":"theming","slug":"theming","count":91},{"name":"charts","slug":"charts","count":89},{"name":"ai","slug":"ai","count":87},{"name":"auth","slug":"auth","count":86},{"name":"tables","slug":"tables","count":80},{"name":"components","slug":"components","count":76},{"name":"pro-available","slug":"pro-available","count":76},{"name":"icons","slug":"icons","count":74},{"name":"marketing","slug":"marketing","count":73},{"name":"backgrounds","slug":"backgrounds","count":64},{"name":"saas","slug":"saas","count":50},{"name":"mobile","slug":"mobile","count":49},{"name":"audio","slug":"audio","count":47},{"name":"maps","slug":"maps","count":43},{"name":"retro","slug":"retro","count":41},{"name":"cms","slug":"cms","count":32},{"name":"text-effects","slug":"text-effects","count":32},{"name":"glassmorphism","slug":"glassmorphism","count":31},{"name":"developer-tools","slug":"developer-tools","count":27},{"name":"3d","slug":"3d","count":24},{"name":"payments","slug":"payments","count":23},{"name":"e-commerce","slug":"e-commerce","count":21},{"name":"editor","slug":"editor","count":20},{"name":"onboarding","slug":"onboarding","count":20},{"name":"crypto","slug":"crypto","count":16},{"name":"gaming","slug":"gaming","count":11}]}}}